@konnectio/core 4.0.55 → 4.0.56-rc1

package/dist/CheckoutWindow-rPfu1tP8.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("./SelectField.vue_vue_type_style_index_0_lang-rqiMQ02F.cjs"),f={class:"fresh-booking-phone-input"},h=e.defineComponent({__name:"PhoneField",props:{modelValue:{},label:{},id:{},placeholder:{},icon:{default:"phone-office"},iconColor:{},iconType:{default:"fal"},required:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},inputStyle:{}},emits:["update:modelValue"],setup(r,{emit:l}){const n=l,i=r,u=i.id||a.ranId(),o=e.ref("+45"),d=e.ref("");function c(){n("update:modelValue",`${o.value} ${d.value}`)}return e.onMounted(()=>{if(i.modelValue){const t=i.modelValue.split(" ");o.value=t[0],d.value=t[1]}}),(t,s)=>(e.openBlock(),e.createBlock(a.InputField,{label:t.label,id:e.unref(u),type:"phone",required:t.required,readonly:t.readonly},{default:e.withCtx(()=>[e.createElementVNode("div",f,[e.createVNode(a.TextField,{modelValue:o.value,"onUpdate:modelValue":s[0]||(s[0]=p=>o.value=p),type:"text",id:e.unref(a.ranId)(),name:"phone-code",autocomplete:"tel-country-code",icon:t.icon,"icon-color":t.iconColor,"icon-type":t.iconType,placeholder:"+45",required:t.required,readonly:t.readonly,"input-style":t.inputStyle,onInput:s[1]||(s[1]=p=>c())},null,8,["modelValue","id","icon","icon-color","icon-type","required","readonly","input-style"]),e.createVNode(a.TextField,{modelValue:d.value,"onUpdate:modelValue":s[2]||(s[2]=p=>d.value=p),type:"number",name:"phone",autocomplete:"tel-national",id:e.unref(u),placeholder:t.placeholder,required:t.required,readonly:t.readonly,"input-style":t.inputStyle,onInput:s[3]||(s[3]=p=>c())},null,8,["modelValue","id","placeholder","required","readonly","input-style"])])]),_:1},8,["label","id","required","readonly"]))}}),g=a._export_sfc(h,[["__scopeId","data-v-5cd094ab"]]),b=["required","type","name","readonly","disabled","value","checked"],k=["data-test"],v={key:0},V=e.defineComponent({__name:"Checkbox",props:{modelValue:{type:[String,Boolean,Number]},numeric:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},label:{},price:{},name:{},readonly:{type:Boolean,default:!1},type:{default:"checkbox"},required:{type:Boolean,default:!1},inputStyle:{},val:{}},emits:["update:modelValue"],setup(r,{emit:l}){const n=r,i=l;function u(){n.readonly!==!0&&i("update:modelValue",n.type==="radio"?n.val:n.numeric?n.modelValue?0:1:!n.modelValue)}return(o,d)=>(e.openBlock(),e.createBlock(a.InputField,{required:o.required,type:o.type,readonly:o.readonly},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["fresh-booking-click-box-container",{"is-readonly":o.readonly},{"has-label":o.label},o.type==="radio"?"radio":"checkbox"])},[e.createElementVNode("input",e.mergeProps(o.$attrs,{required:!!o.required,type:o.type,name:o.name,class:"hidden",readonly:!!o.readonly,disabled:!!o.readonly,value:o.type==="radio"?o.val:o.modelValue,checked:o.type==="radio"?o.val===o.modelValue:!!o.modelValue,onChange:d[0]||(d[0]=c=>u())}),null,16,b),e.createElementVNode("div",{class:e.normalizeClass(["fresh-booking-click-box",{checked:o.type==="radio"?o.val===o.modelValue:!!o.modelValue}]),tabindex:"0",style:e.normalizeStyle(o.inputStyle),"data-test":o.name,onKeyup:d[1]||(d[1]=e.withKeys(c=>u(),["enter"]))},null,46,k),o.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["fresh-booking-click-box-label",{"with-price":o.price}])},[e.createElementVNode("span",null,e.toDisplayString(o.label),1),o.price?(e.openBlock(),e.createElementBlock("span",v,e.toDisplayString(o.price),1)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2)]),_:1},8,["required","type","readonly"]))}}),C=a._export_sfc(V,[["__scopeId","data-v-7ef656cb"]]),S={href:"https://policies.google.com/privacy",target:"_blank"},N={href:"https://policies.google.com/terms",target:"_blank"},m=e.defineComponent({__name:"GoogleNotice",setup(r){const{t:l}=a.useI18n();return(n,i)=>(e.openBlock(),e.createElementBlock("span",null,[e.createTextVNode(e.toDisplayString(e.unref(l)("googleNotice"))+" ",1),e.createElementVNode("a",S,e.toDisplayString(e.unref(l)("googlePrivacyPolicy")),1),e.createTextVNode(" "+e.toDisplayString(e.unref(l)("googleAnd"))+" ",1),e.createElementVNode("a",N,e.toDisplayString(e.unref(l)("googleTOS")),1),e.createTextVNode(" "+e.toDisplayString(e.unref(l)("googleApply"))+". ",1)]))}});function y(r){const l=r;l.__i18n=l.__i18n||[],l.__i18n.push({locale:"",resource:{da:{googleNotice:{t:0,b:{t:2,i:[{t:3}],s:"Denne side er beskyttet af reCAPTCHA og Google's"}},googlePrivacyPolicy:{t:0,b:{t:2,i:[{t:3}],s:"Privatlivspolitik"}},googleAnd:{t:0,b:{t:2,i:[{t:3}],s:"og"}},googleTOS:{t:0,b:{t:2,i:[{t:3}],s:"Servicevilkår"}},googleApply:{t:0,b:{t:2,i:[{t:3}],s:"er gældende"}}},en:{googleNotice:{t:0,b:{t:2,i:[{t:3}],s:"This site is protected by reCAPTCHA and the Google"}},googlePrivacyPolicy:{t:0,b:{t:2,i:[{t:3}],s:"Privacy Policy"}},googleAnd:{t:0,b:{t:2,i:[{t:3}],s:"and"}},googleTOS:{t:0,b:{t:2,i:[{t:3}],s:"Terms of Service"}},googleApply:{t:0,b:{t:2,i:[{t:3}],s:"apply"}}}}})}typeof y=="function"&&y(m);const _=r=>(e.pushScopeId("data-v-340cb9ce"),r=r(),e.popScopeId(),r),B=_(()=>e.createElementVNode("div",{id:"fresh-booking-payment-checkout"},null,-1)),q=[B],P=e.defineComponent({__name:"CheckoutWindow",setup(r){const{paymentGatewayId:l}=a.storeToRefs(a.useUtilityStore());return e.onMounted(()=>{const n=document.createElement("script"),i=document.createElement("script");n.setAttribute("src","https://checkout.dibspayment.eu/v1/checkout.js?v=1"),i.setAttribute("src","https://checkout.reepay.com/checkout.js"),document.head.appendChild(n),document.head.appendChild(i)}),(n,i)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{id:"fresh-booking-payment-checkout-wrapper",class:e.normalizeClass({reePay:e.unref(l)===e.unref(a.PaymentGateway).ReePay})},q,2)]))}}),$=a._export_sfc(P,[["__scopeId","data-v-340cb9ce"]]);exports.Checkbox=C;exports.CheckoutWindow=$;exports.PhoneField=g;exports._sfc_main=m;

package/dist/Container-SFp0kgn4.js

@@ -0,0 +1,59 @@
+import { defineComponent as n, computed as a, onMounted as l, openBlock as u, createElementBlock as p, renderSlot as d } from "vue";
+import { _ as i } from "./SelectField.vue_vue_type_style_index_0_lang-nNdXDbm1.js";
+const s = { class: "konnectio-container" }, c = /* @__PURE__ */ n({
+  __name: "Container",
+  props: {
+    styling: {}
+  },
+  setup(t) {
+    const r = t, e = a(() => ({
+      accentColor: "#6ab1e6",
+      accentColorSecondary: "#dae9f8",
+      buttonBackground: "#6ab1e6",
+      buttonBorder: null,
+      buttonBorderRadius: "4px",
+      buttonColor: "#FFF",
+      buttonFontFamily: "inherit",
+      buttonFontSize: "14px",
+      buttonFontWeight: "400",
+      buttonIconColor: "#FFF",
+      buttonTextTransform: "uppercase",
+      dangerColor: "red",
+      fontColor: "#3b3b3b",
+      fontFamily: "inherit",
+      fontSize: "16px",
+      grayColor: "grey",
+      headerColor: "#000",
+      inputBorder: "1px solid rgba(0, 0, 0, 0.15)",
+      inputBackground: "#f8f8f8",
+      inputBorderWidth: "0px 0px 1px",
+      inputBorderRadius: "6px",
+      inputFontColor: "#000000",
+      labelFontColor: "#000000",
+      labelFontWeight: "bold",
+      labelFontSize: "15px",
+      labelPadding: "6px",
+      linkColor: "#5d6dca",
+      linkHoverColor: "#2e3d90",
+      loadingColor: "#000",
+      panelBackground: "#ffffff",
+      panelBorder: null,
+      panelBorderRadius: "5px",
+      panelInnerPadding: "12px",
+      panelMaxWidth: "none",
+      panelPadding: "24px",
+      panelShadow: "0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
+      successColor: "green",
+      ...r.styling
+    }));
+    return l(() => {
+      const o = document.documentElement.style;
+      o.setProperty("--accentColor", e.value.accentColor), o.setProperty("--accentColorSecondary", e.value.accentColorSecondary), o.setProperty("--buttonBackground", e.value.buttonBackground), o.setProperty("--buttonBorder", e.value.buttonBorder), o.setProperty("--buttonBorderRadius", e.value.buttonBorderRadius), o.setProperty("--buttonColor", e.value.buttonColor), o.setProperty("--buttonFontFamily", e.value.buttonFontFamily), o.setProperty("--buttonFontSize", e.value.buttonFontSize), o.setProperty("--buttonFontWeight", e.value.buttonFontWeight), o.setProperty("--buttonTextTransform", e.value.buttonTextTransform), o.setProperty("--dangerColor", e.value.dangerColor), o.setProperty("--fontColor", e.value.fontColor), o.setProperty("--fontFamily", e.value.fontFamily), o.setProperty("--fontSize", e.value.fontSize), o.setProperty("--grayColor", e.value.grayColor), o.setProperty("--headerColor", e.value.headerColor), o.setProperty("--inputBackground", e.value.inputBackground), o.setProperty("--inputBorder", e.value.inputBorder), o.setProperty("--inputBorderRadius", e.value.inputBorderRadius), o.setProperty("--inputBorderWidth", e.value.inputBorderWidth), o.setProperty("--inputFontColor", e.value.inputFontColor), o.setProperty("--labelFontColor", e.value.labelFontColor), o.setProperty("--labelFontWeight", e.value.labelFontWeight), o.setProperty("--labelFontSize", e.value.labelFontSize), o.setProperty("--labelPadding", e.value.labelPadding), o.setProperty("--linkColor", e.value.linkColor), o.setProperty("--linkHoverColor", e.value.linkHoverColor), o.setProperty("--loadingColor", e.value.loadingColor), o.setProperty("--panelBackground", e.value.panelBackground), o.setProperty("--panelBorder", e.value.panelBorder), o.setProperty("--panelBorderRadius", e.value.panelBorderRadius), o.setProperty("--panelInnerPadding", e.value.panelInnerPadding), o.setProperty("--panelMaxWidth", e.value.panelMaxWidth), o.setProperty("--panelPadding", e.value.panelPadding), o.setProperty("--panelShadow", e.value.panelShadow), o.setProperty("--successColor", e.value.successColor);
+    }), (o, y) => (u(), p("div", s, [
+      d(o.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+}), C = /* @__PURE__ */ i(c, [["__scopeId", "data-v-b8c97ab0"]]);
+export {
+  C
+};

package/dist/Container-lECH326w.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),l=require("./SelectField.vue_vue_type_style_index_0_lang-rqiMQ02F.cjs"),a={class:"konnectio-container"},u=t.defineComponent({__name:"Container",props:{styling:{}},setup(r){const n=r,o=t.computed(()=>({accentColor:"#6ab1e6",accentColorSecondary:"#dae9f8",buttonBackground:"#6ab1e6",buttonBorder:null,buttonBorderRadius:"4px",buttonColor:"#FFF",buttonFontFamily:"inherit",buttonFontSize:"14px",buttonFontWeight:"400",buttonIconColor:"#FFF",buttonTextTransform:"uppercase",dangerColor:"red",fontColor:"#3b3b3b",fontFamily:"inherit",fontSize:"16px",grayColor:"grey",headerColor:"#000",inputBorder:"1px solid rgba(0, 0, 0, 0.15)",inputBackground:"#f8f8f8",inputBorderWidth:"0px 0px 1px",inputBorderRadius:"6px",inputFontColor:"#000000",labelFontColor:"#000000",labelFontWeight:"bold",labelFontSize:"15px",labelPadding:"6px",linkColor:"#5d6dca",linkHoverColor:"#2e3d90",loadingColor:"#000",panelBackground:"#ffffff",panelBorder:null,panelBorderRadius:"5px",panelInnerPadding:"12px",panelMaxWidth:"none",panelPadding:"24px",panelShadow:"0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",successColor:"green",...n.styling}));return t.onMounted(()=>{const e=document.documentElement.style;e.setProperty("--accentColor",o.value.accentColor),e.setProperty("--accentColorSecondary",o.value.accentColorSecondary),e.setProperty("--buttonBackground",o.value.buttonBackground),e.setProperty("--buttonBorder",o.value.buttonBorder),e.setProperty("--buttonBorderRadius",o.value.buttonBorderRadius),e.setProperty("--buttonColor",o.value.buttonColor),e.setProperty("--buttonFontFamily",o.value.buttonFontFamily),e.setProperty("--buttonFontSize",o.value.buttonFontSize),e.setProperty("--buttonFontWeight",o.value.buttonFontWeight),e.setProperty("--buttonTextTransform",o.value.buttonTextTransform),e.setProperty("--dangerColor",o.value.dangerColor),e.setProperty("--fontColor",o.value.fontColor),e.setProperty("--fontFamily",o.value.fontFamily),e.setProperty("--fontSize",o.value.fontSize),e.setProperty("--grayColor",o.value.grayColor),e.setProperty("--headerColor",o.value.headerColor),e.setProperty("--inputBackground",o.value.inputBackground),e.setProperty("--inputBorder",o.value.inputBorder),e.setProperty("--inputBorderRadius",o.value.inputBorderRadius),e.setProperty("--inputBorderWidth",o.value.inputBorderWidth),e.setProperty("--inputFontColor",o.value.inputFontColor),e.setProperty("--labelFontColor",o.value.labelFontColor),e.setProperty("--labelFontWeight",o.value.labelFontWeight),e.setProperty("--labelFontSize",o.value.labelFontSize),e.setProperty("--labelPadding",o.value.labelPadding),e.setProperty("--linkColor",o.value.linkColor),e.setProperty("--linkHoverColor",o.value.linkHoverColor),e.setProperty("--loadingColor",o.value.loadingColor),e.setProperty("--panelBackground",o.value.panelBackground),e.setProperty("--panelBorder",o.value.panelBorder),e.setProperty("--panelBorderRadius",o.value.panelBorderRadius),e.setProperty("--panelInnerPadding",o.value.panelInnerPadding),e.setProperty("--panelMaxWidth",o.value.panelMaxWidth),e.setProperty("--panelPadding",o.value.panelPadding),e.setProperty("--panelShadow",o.value.panelShadow),e.setProperty("--successColor",o.value.successColor)}),(e,d)=>(t.openBlock(),t.createElementBlock("div",a,[t.renderSlot(e.$slots,"default",{},void 0,!0)]))}}),p=l._export_sfc(u,[["__scopeId","data-v-b8c97ab0"]]);exports.Container=p;