@vergelijkdirect/comparison-forms 1.0.71 → 1.0.73

package/dist-rollup/comparison-forms.js

@@ -18327,14 +18327,14 @@ var Sh = function() {
   var e = this, r = e._self._c;
   return e._self._setupProxy, r("div", { staticClass: "vd-form-group", attrs: { id: "vd-form-group-" + e.id } }, [e.hideLabel ? e._e() : r("label", { staticClass: "vd-form-group__label", attrs: { for: e.id } }, [e.label ? r("span", { domProps: { innerHTML: e._s(e.label) } }) : r("span", [e._t("title")], 2), e.isRequired && e.label ? r("span", { staticClass: "text-danger mr-1 mt-2" }, [e._v(" *")]) : e._e()]), r("div", { class: { "input-group flex-nowrap": e.hasPrepend } }, [e.hasPrepend ? r("div", { staticClass: "input-group-prepend", class: { "input-group-text--active": e.value && !e.errors.has(e.name + e.uId), "input-group-text--error": e.errors.has(e.name + e.uId) } }, [r("span", { staticClass: "input-group-text", class: { "input-group-text--active": e.value && !e.errors.has(e.name + e.uId), "input-group-text--error": e.errors.has(e.name + e.uId) }, attrs: { id: "prepend-" + e.id }, domProps: { innerHTML: e._s(e.prependText) } })]) : e._e(), r("div", { class: {
     "vd-form-group--filled-in": e.type !== "hidden" && e.value && !e.errors.has(e.name + e.uId),
-    "vd-form-group--filled-in-checkmark": e.type !== "hidden" && !e.removeCheckMark && e.value && !e.errors.has(e.name + e.uId),
+    "vd-form-group--filled-in-checkmark": !e.hasPrepend && e.type !== "hidden" && !e.removeCheckMark && e.value && !e.errors.has(e.name + e.uId),
     "vd-form-group--error": e.type !== "hidden" && !e.removeCheckMark && e.errors.has(e.name + e.uId),
     "flex-grow-1": e.hasPrepend
   } }, [r("input", { directives: [{ name: "mask", rawName: "v-mask", value: e.mask, expression: "mask" }, { name: "validate", rawName: "v-validate", value: e.validation, expression: "validation" }], staticClass: "vd-form-group__input form-control", class: { "vd-form-group__input--error": e.errors.has(e.name + e.uId) }, attrs: { id: e.id, type: e.type, placeholder: e.placeholder, inputmode: e.inputModeChecker, name: e.name, disabled: e.disabled, autocomplete: e.autocompleteOff ? "off" : "on", readonly: e.readonly, "data-vv-name": e.name + e.uId, "data-vv-validate-on": "none" }, domProps: { value: e.value }, on: { input: function(n) {
     return e.inputValue(n.target.value);
   }, change: function(n) {
     return e.changeValue(n.target.value);
-  }, focus: e.resetFieldValidation, blur: e.validateField } })])]), e._t("error-messages")], 2);
+  }, focus: e.resetFieldValidation, blur: e.validateField } })])]), e._t("error-messages"), e._t("additional-info")], 2);
 }, fD = [];
 Sh._withStripped = !0;
 var Oh = /* @__PURE__ */ Ue(
@@ -19032,7 +19032,7 @@ const CD = Le({
 });
 var Fh = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("DefaultInput", e._g(e._b({ attrs: { id: e.inputId("birthdate"), name: "birthdate", type: "text", placeholder: "dd-mm-yyyy", label: "Geboortedatum", mask: "##-##-####", validation: "required|date_format:dd-MM-yyyy|ageRange:21,67" }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
+  return e._self._setupProxy, r("DefaultInput", e._g(e._b({ attrs: { id: e.inputId("birthdate"), name: "birthdate", type: "text", placeholder: "dd-mm-yyyy", label: "Geboortedatum", mask: "##-##-####", validation: "required|date_format:dd-MM-yyyy|ageRange:21,67", "is-required": !0 }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
     return [e.errors.has("birthdate:required") ? r("p", { staticClass: "vd-form-error" }, [e._v(" Geboortedatum is verplicht ")]) : e._e(), e.errors.has("birthdate:date_format") ? r("p", { staticClass: "vd-form-error" }, [e._v(" Geboortedatum is incorrect ")]) : e._e(), e.errors.has("birthdate:ageRange") ? r("p", { staticClass: "vd-form-error" }, [e._v(" " + e._s(e.errors.first("birthdate")) + " ")]) : e._e()];
   }, proxy: !0 }]) }, "DefaultInput", e.attrs, !1), e.listeners));
 }, MD = [];
@@ -19088,11 +19088,7 @@ const Yh = jh.exports, DD = [
 });
 var Eh = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("default-select", e._g(e._b({ attrs: { id: e.inputId("familyComposition"), name: "familyComposition", options: e.familyCompositionOptions }, scopedSlots: e._u([{ key: "title", fn: function() {
-    return [r("popper", { attrs: { trigger: "hover", "visible-arrow": e.vdFormVersion !== "1", options: {
-      placement: "top"
-    } } }, [r("div", { staticClass: "popover popper vd-popover" }, [r("div", { staticClass: "popover-header vd-popover-header" }, [e._v(" Gezinssituatie ")]), e._v(" Geef aan wat op jou van toepassing is! ")]), r("span", { attrs: { slot: "reference" }, slot: "reference" }, [e._v(" Gezinssituatie "), r("i", { staticClass: "fas fa-info-circle text-primary" })])])];
-  }, proxy: !0 }, { key: "error-messages", fn: function() {
+  return e._self._setupProxy, r("default-select", e._g(e._b({ attrs: { id: e.inputId("familyComposition"), label: "Gezinssituatie", name: "familyComposition", options: e.familyCompositionOptions }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
     return [e.errors.has("familyComposition") ? r("p", { staticClass: "vd-form-error" }, [e._v(" Gezinssituatie is verplicht ")]) : e._e()];
   }, proxy: !0 }]) }, "default-select", e.attrs, !1), e.listeners));
 }, $D = [];
@@ -19130,12 +19126,10 @@ const Uh = Lh.exports, PD = Le({
 });
 var Vh = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("default-input", e._g(e._b({ attrs: { id: e.inputId("loanAmount"), name: "loanAmount", type: "text", "prepend-text": "€", mask: "#####", "has-prepend": !0, validation: "required|min_value:2500|max_value:75000" }, scopedSlots: e._u([{ key: "title", fn: function() {
-    return [r("popper", { attrs: { trigger: "hover", "visible-arrow": e.vdFormVersion !== "1", options: {
-      placement: "top"
-    } } }, [r("div", { staticClass: "popover popper vd-popover" }, [r("div", { staticClass: "popover-header vd-popover-header" }, [e._v(" Leenbedrag ")]), e._v(" Je kunt minimaal € 2.500,- en maximaal € 75.000,- lenen. Vul hele euro's in. ")]), r("span", { attrs: { slot: "reference" }, slot: "reference" }, [e._v(" Leenbedrag "), r("i", { staticClass: "fas fa-info-circle text-primary" })])])];
-  }, proxy: !0 }, { key: "error-messages", fn: function() {
+  return e._self._setupProxy, r("default-input", e._g(e._b({ attrs: { id: e.inputId("loanAmount"), label: "Leenbedrag", name: "loanAmount", type: "text", "prepend-text": "€", mask: "#####", "has-prepend": !0, validation: "required|min_value:2500|max_value:75000", "is-required": !0 }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
     return [e.errors.has("loanAmount:required") ? r("p", { staticClass: "vd-form-error" }, [e._v(" Leenbedrag is verplicht ")]) : e._e(), e.errors.has("loanAmount:min_value") ? r("p", { staticClass: "vd-form-error" }, [e._v(" Je kunt niet minder dan €2500,- lenen. Vul een hoger bedrag in ")]) : e._e(), e.errors.has("loanAmount:max_value") ? r("p", { staticClass: "vd-form-error" }, [e._v(" De input mag niet groter zijn dan de maximum waarde: 75000 ")]) : e._e()];
+  }, proxy: !0 }, { key: "additional-info", fn: function() {
+    return [r("span", { staticClass: "text-deco-line", class: e.vdFormVersion === "1" ? "text-primary" : "vd-color-blue-600", staticStyle: { "font-size": "12px" } }, [r("i", { staticClass: "fas fa-info-circle ml-1", class: e.vdFormVersion === "1" ? "vd-tip-icon" : "text-primary fz-big cursor-pointer", attrs: { slot: "reference", id: "popover-target-claimfreeyears" }, slot: "reference" }), e._v(" Je kunt minimaal € 2.500,- en maximaal € 75.000,- lenen. Vul hele euro's in. ")])];
   }, proxy: !0 }]) }, "default-input", e.attrs, !1), e.listeners));
 }, RD = [];
 Vh._withStripped = !0;
@@ -19226,11 +19220,7 @@ const TD = [
 });
 var Wh = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("default-select", e._g(e._b({ attrs: { id: e.inputId("loanPurpose"), name: "loanPurpose", options: e.loanPurposeOptions }, scopedSlots: e._u([{ key: "title", fn: function() {
-    return [r("popper", { attrs: { trigger: "hover", "visible-arrow": e.vdFormVersion !== "1", options: {
-      placement: "top"
-    } } }, [r("div", { staticClass: "popover popper vd-popover" }, [r("div", { staticClass: "popover-header vd-popover-header" }, [e._v(" Leendoel ")]), e._v(" Geef aan waarvoor je het geld gaat gebruiken. ")]), r("span", { attrs: { slot: "reference" }, slot: "reference" }, [e._v(" Leendoel "), r("i", { staticClass: "fas fa-info-circle text-primary" })])])];
-  }, proxy: !0 }, { key: "error-messages", fn: function() {
+  return e._self._setupProxy, r("default-select", e._g(e._b({ attrs: { id: e.inputId("loanPurpose"), label: "Leendoel", name: "loanPurpose", options: e.loanPurposeOptions, "is-required": !0 }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
     return [e.errors.has("loanPurpose:required") ? r("p", { staticClass: "vd-form-error" }, [e._v(" Leendoel is verplicht ")]) : e._e()];
   }, proxy: !0 }]) }, "default-select", e.attrs, !1), e.listeners));
 }, ND = [];