@vergelijkdirect/comparison-forms 1.0.139 → 1.0.140

package/dist-rollup/comparison-forms.js

@@ -18334,6 +18334,9 @@ const JM = J(
         required: !0,
         type: String
       },
+      maxClaimFreeYearsOptions: {
+        required: !0
+      },
       vdFormVersion: {
         required: !1,
         type: String,
@@ -18370,27 +18373,19 @@ const JM = J(
 );
 var Lp = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("div", [e.currentStep === "1" ? r("div", [r("p", [e._v(" Heb je in de afgelopen 3 jaar een bromfietsverzekering op je eigen naam gehad die je hebt opgezegd? ")]), r("div", { staticClass: "row" }, [r("div", { staticClass: "col-md-6" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100" : "btn-a btn-a--primary-outline btn-a--bold flex-fill mr-2 cursor-pointer", on: { click: function(n) {
+  return e._self._setupProxy, r("div", [e.currentStep === "1" ? r("div", [r("p", [e._v(" Heb je in de afgelopen 3 jaar een bromfietsverzekering op je eigen naam gehad die je hebt opgezegd? ")]), r("div", { staticClass: "row" }, [r("div", { staticClass: "col-md-6" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100 mb-md-0 mb-2" : "btn-a btn-a--primary-outline btn-a--bold flex-fill mr-2 cursor-pointer", on: { click: function(n) {
     return e.setStep("1-1");
   } } }, [e._v(" Ja ")])]), r("div", { staticClass: "col-md-6" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100" : "btn-a btn-a--primary-outline btn-a--bold flex-fill mr-2 cursor-pointer", on: { click: function(n) {
     return e.setStep("1-2");
-  } } }, [e._v(" Nee ")])])])]) : e._e(), e.currentStep === "1-1" ? r("div", [r("p", [e._v(" Hoeveel aaneengesloten jaren heb je deze bromfietsverzekering gehad zonder schades te claimen? ")]), r("select", { directives: [{ name: "model", rawName: "v-model", value: e.claimFreeYears, expression: "claimFreeYears" }], staticClass: "vd-form-group__input", attrs: { id: "claimFreeYears", name: "claimfreeyears" }, on: { change: [function(n) {
-    var a = Array.prototype.filter.call(n.target.options, function(i) {
-      return i.selected;
-    }).map(function(i) {
-      var s = "_value" in i ? i._value : i.value;
-      return s;
-    });
-    e.claimFreeYears = n.target.multiple ? a : a[0];
-  }, e.setClaimFreeYears] } }, [r("option", { attrs: { value: "0" } }, [e._v(" 0 jaar ")]), e._l(e.maxClaimFreeYears, function(n) {
-    return r("option", { key: n, domProps: { value: n } }, [e._v(" " + e._s(n) + " jaar ")]);
-  })], 2), r("div", { staticClass: "row mt-3" }, [r("div", { staticClass: "col-md-6" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100" : "btn-a btn-a--gray btn-a--bold btn-a--small cursor-pointer", on: { click: function(n) {
+  } } }, [e._v(" Nee ")])])])]) : e._e(), e.currentStep === "1-1" ? r("div", [r("p", [e._v(" Hoeveel aaneengesloten jaren heb je deze bromfietsverzekering gehad zonder schades te claimen? ")]), r("default-select", { staticClass: "mx-0 mb-3", attrs: { id: "claimFreeYears", options: e.maxClaimFreeYearsOptions, name: "claimFreeYears", "no-default-placeholder": !0 }, on: { input: e.setClaimFreeYears }, model: { value: e.claimFreeYears, callback: function(n) {
+    e.claimFreeYears = n;
+  }, expression: "claimFreeYears" } }), r("div", { staticClass: "row mt-3" }, [r("div", { staticClass: "col-md-6" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-grey vd-btn-w-100 mb-md-0 mb-2" : "btn-a btn-a--gray btn-a--bold btn-a--small cursor-pointer", on: { click: function(n) {
     return e.setStep("1");
-  } } }, [e._v(" Terug ")])]), r("div", { staticClass: "col-md-6" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100" : "btn-a btn-a--success btn-a--small btn-a--bold cursor-pointer", on: { click: e.closeModal } }, [e._v(" Opslaan ")])])])]) : e._e(), e.currentStep === "1-2" ? r("div", [r("p", [e._v(" Je hebt geen schadevrije jaren voor de bromfiets/scooter opgebouwd. Wil je gebruik maken van schadevrije jaren van een motor- of autoverzekering? ")]), r("div", { staticClass: "row" }, [r("div", { staticClass: "col-md-6" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100" : "btn-a btn-a--primary-outline btn-a--bold flex-fill mr-2 cursor-pointer", on: { click: function(n) {
+  } } }, [e._v(" Terug ")])]), r("div", { staticClass: "col-md-6" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100" : "btn-a btn-a--success btn-a--small btn-a--bold cursor-pointer", on: { click: e.closeModal } }, [e._v(" Opslaan ")])])])], 1) : e._e(), e.currentStep === "1-2" ? r("div", [r("p", [e._v(" Je hebt geen schadevrije jaren voor de bromfiets/scooter opgebouwd. Wil je gebruik maken van schadevrije jaren van een motor- of autoverzekering? ")]), r("div", { staticClass: "row" }, [r("div", { staticClass: "col-md-6" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100 mb-md-0 mb-2" : "btn-a btn-a--primary-outline btn-a--bold flex-fill mr-2 cursor-pointer", on: { click: function(n) {
     return e.setStep("2");
   } } }, [e._v(" Ja ")])]), r("div", { staticClass: "col-md-6" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100" : "btn-a btn-a--primary-outline btn-a--bold flex-fill ml-2 cursor-pointer", on: { click: function(n) {
     return e.setStep("1-3");
-  } } }, [e._v(" Nee ")])])]), r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100 mt-3" : "btn-a btn-a--gray btn-a--bold btn-a--small btn-block cursor-pointer mt-3", on: { click: function(n) {
+  } } }, [e._v(" Nee ")])])]), r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-grey vd-btn-w-100 mt-3" : "btn-a btn-a--gray btn-a--bold btn-a--small btn-block cursor-pointer mt-3", on: { click: function(n) {
     return e.setStep("1");
   } } }, [e._v(" Terug ")])]) : e._e(), e.currentStep === "1-3" ? r("div", [r("p", [e._v(" Omdat je nog geen aantoonbare schadevrije jaren hebt opgebouwd, begin je met 0 schadevrije jaren. Elk jaar dat je geen schade claimt, bouw je 1 schadevrij jaar op. ")]), r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100" : "btn-a btn-a--primary-outline btn-a--bold flex-fill btn-block cursor-pointer", on: { click: e.resetClaimFreeYears } }, [e._v(" Sluit venster ")])]) : e._e(), e.currentStep === "2" ? r("div", [r("p", [e._v(" ..schadevrije jaren die je hebt opgebouwd op je motor- of autoverzekering kun je niet tegelijkertijd gebruiken voor je bromfietsverzekering. Wil je ze toch op je bromfietsverzekering gebruiken? Dan komen deze schadevrije jaren te vervallen op je motor- of autoverzekering. "), r("span", { staticClass: "text-primary text-deco-line cursor-pointer", on: { click: function(n) {
     e.collapseOpen = !e.collapseOpen;
@@ -18398,21 +18393,13 @@ var Lp = function() {
     e.collapseOpen = n;
   }, expression: "collapseOpen" } }, [r("p", { staticClass: "mb-0" }, [e._v(" Je kunt ze daarna nooit meer gebruiken voor een nieuwe motor- of autoverzekering. De korting bij schadevrije jaren op een auto- of motorverzekering is vaak veel hoger dan bij een bromfiets- of scooterverzekering. "), r("span", { staticClass: "font-weight-bold" }, [e._v(" Heb je hulp nodig? Bel ons op 035-6857888! ")])])])], 1), r("div", { staticClass: "row" }, [r("div", { staticClass: "col-md-12" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100" : "btn-a btn-a--primary-outline btn-a--bold flex-fill cursor-pointer", on: { click: e.resetClaimFreeYears } }, [e._v(" Schadevrije jaren "), r("span", { staticClass: "text-deco-line" }, [e._v("NIET")]), e._v(" gebruiken ")])])]), r("div", { staticClass: "row" }, [r("div", { staticClass: "col-md-12" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100 mt-2" : "btn-a btn-a--primary-outline btn-a--bold flex-fill mt-2 cursor-pointer", on: { click: function(n) {
     return e.setStep("2-1");
-  } } }, [e._v(" Schadevrije jaren "), r("span", { staticClass: "text-deco-line" }, [e._v("WEL")]), e._v(" gebruiken ")])])]), r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100 mt-3" : "btn-a btn-a--gray btn-a--bold btn-a--small btn-block cursor-pointer mt-3", on: { click: function(n) {
+  } } }, [e._v(" Schadevrije jaren "), r("span", { staticClass: "text-deco-line" }, [e._v("WEL")]), e._v(" gebruiken ")])])]), r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-grey vd-btn-w-100 mt-3" : "btn-a btn-a--gray btn-a--bold btn-a--small btn-block cursor-pointer mt-3", on: { click: function(n) {
     return e.setStep("1-2");
-  } } }, [e._v(" Terug ")])]) : e._e(), e.currentStep === "2-1" ? r("div", [r("p", [e._v(" Selecteer hieronder het aantal schadevrije jaren dat je hebt opgebouwd op een auto- of motorverzekering. Deze kun je dan op je bromfietsverzekering gebruiken. ")]), r("small", { staticClass: "font-weight-bold mb-3 d-block" }, [e._v(" Let op! Je kunt ze daarna niet meer op een nieuwe auto- of motorverzekering gebruiken. ")]), r("select", { directives: [{ name: "model", rawName: "v-model", value: e.claimFreeYears, expression: "claimFreeYears" }], staticClass: "vd-form-group__input", attrs: { id: "claimFreeYears", name: "claimfreeyears" }, on: { change: [function(n) {
-    var a = Array.prototype.filter.call(n.target.options, function(i) {
-      return i.selected;
-    }).map(function(i) {
-      var s = "_value" in i ? i._value : i.value;
-      return s;
-    });
-    e.claimFreeYears = n.target.multiple ? a : a[0];
-  }, e.setClaimFreeYears] } }, [r("option", { attrs: { value: "0" } }, [e._v(" 0 jaar ")]), e._l(e.maxClaimFreeYears, function(n) {
-    return r("option", { key: n, domProps: { value: n } }, [e._v(" " + e._s(n) + " jaar ")]);
-  })], 2), r("div", { staticClass: "row mt-3" }, [r("div", { staticClass: "col-md-6" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100" : "btn-a btn-a--gray btn-a--bold btn-a--small cursor-pointer", on: { click: function(n) {
+  } } }, [e._v(" Terug ")])]) : e._e(), e.currentStep === "2-1" ? r("div", [r("p", [e._v(" Selecteer hieronder het aantal schadevrije jaren dat je hebt opgebouwd op een auto- of motorverzekering. Deze kun je dan op je bromfietsverzekering gebruiken. ")]), r("small", { staticClass: "font-weight-bold mb-3 d-block" }, [e._v(" Let op! Je kunt ze daarna niet meer op een nieuwe auto- of motorverzekering gebruiken. ")]), r("default-select", { staticClass: "mx-0 mb-3", attrs: { id: "claimFreeYears", options: e.maxClaimFreeYearsOptions, name: "claimFreeYears", "no-default-placeholder": !0 }, on: { input: e.setClaimFreeYears }, model: { value: e.claimFreeYears, callback: function(n) {
+    e.claimFreeYears = n;
+  }, expression: "claimFreeYears" } }), r("div", { staticClass: "row mt-3" }, [r("div", { staticClass: "col-md-6" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-grey vd-btn-w-100" : "btn-a btn-a--gray btn-a--bold btn-a--small cursor-pointer", on: { click: function(n) {
     return e.setStep("1");
-  } } }, [e._v(" Terug ")])]), r("div", { staticClass: "col-md-6" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100" : "btn-a btn-a--success btn-a--small btn-a--bold cursor-pointer", on: { click: e.closeModal } }, [e._v(" Opslaan ")])])])]) : e._e()]);
+  } } }, [e._v(" Terug ")])]), r("div", { staticClass: "col-md-6" }, [r("div", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-primary vd-btn-w-100" : "btn-a btn-a--success btn-a--small btn-a--bold cursor-pointer", on: { click: e.closeModal } }, [e._v(" Opslaan ")])])])], 1) : e._e()]);
 }, QM = [];
 Lp._withStripped = !0;
 var Bp = /* @__PURE__ */ Q(
@@ -18583,7 +18570,7 @@ var zp = function() {
     e.$set(e.mopedState, "claimFreeYears", n);
   }, expression: "mopedState.claimFreeYears" } })], 1), r("button", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-green vd-btn-w-100" : "btn-a btn-a--success btn-a--bold btn-block cursor-pointer" }, [e._v(" Vergelijken ")])], 1)]), r("b-modal", { attrs: { title: e.claimFreeYearsTitle, static: "", centered: "", "no-fade": "", "modal-class": "form-modal vd-form-modal_popup", "hide-footer": "" }, model: { value: e.isModalOpen, callback: function(n) {
     e.isModalOpen = n;
-  }, expression: "isModalOpen" } }, [e.isModalOpen ? r("calculate-claim-free-years", { attrs: { "current-claim-free-years": e.mopedState.claimFreeYears, "max-claim-free-years": e.maxClaimFreeYears, "vd-form-version": "1" }, on: { "close-claim-free-years-modal": e.closeClaimFreeYearModal, "set-claim-free-years": e.setClaimFreeYears, "update-claim-free-years-step": (n) => e.claimFreeYearsStep = n } }) : e._e()], 1)], 1);
+  }, expression: "isModalOpen" } }, [e.isModalOpen ? r("calculate-claim-free-years", { attrs: { "current-claim-free-years": e.mopedState.claimFreeYears, "max-claim-free-years-options": e.maxClaimFreeYearsOptions, "max-claim-free-years": e.maxClaimFreeYears, "vd-form-version": e.vdFormVersion }, on: { "close-claim-free-years-modal": e.closeClaimFreeYearModal, "set-claim-free-years": e.setClaimFreeYears, "update-claim-free-years-step": (n) => e.claimFreeYearsStep = n } }) : e._e()], 1)], 1);
 }, eP = [];
 zp._withStripped = !0;
 var qp = /* @__PURE__ */ Q(
@@ -18731,7 +18718,7 @@ var Up = function() {
     return [r("ErrorHandler", { attrs: { name: "claimFreeYears", "errors-data": e.errorsData.claimFreeYears } })];
   }, proxy: !0 }]), model: { value: e.mopedState.claimFreeYears, callback: function(n) {
     e.$set(e.mopedState, "claimFreeYears", n);
-  }, expression: "mopedState.claimFreeYears" } }), e.birthDateYear ? r("span", { staticClass: "text-primary text-deco-line cursor-pointer", staticStyle: { "font-size": "12px" }, on: { click: e.openClaimFreeYearModal } }, [e._v(" Bereken je schadevrije jaren! ")]) : e._e()], 1), r("div", { staticClass: "vd-form-group" }, [r("button", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-green vd-btn-w-100" : "btn-a btn-a--success btn-a--bold btn-block cursor-pointer" }, [e._v(" Vergelijken ")])])], 1)]), r("calculate-claim-free-years", { attrs: { "is-modal-open": e.isModalOpen, "current-claim-free-years": e.mopedState.claimFreeYears, "max-claim-free-years": e.maxClaimFreeYears }, on: { "close-claim-free-years-modal": e.closeClaimFreeYearModal, "set-claim-free-years": e.setClaimFreeYears } })], 1);
+  }, expression: "mopedState.claimFreeYears" } }), e.birthDateYear ? r("span", { staticClass: "text-primary text-deco-line cursor-pointer", staticStyle: { "font-size": "12px" }, on: { click: e.openClaimFreeYearModal } }, [e._v(" Bereken je schadevrije jaren! ")]) : e._e()], 1), r("div", { staticClass: "vd-form-group" }, [r("button", { class: e.vdFormVersion === "1" ? "vd-btn vd-btn-green vd-btn-w-100" : "btn-a btn-a--success btn-a--bold btn-block cursor-pointer" }, [e._v(" Vergelijken ")])])], 1)]), r("calculate-claim-free-years", { attrs: { "is-modal-open": e.isModalOpen, "current-claim-free-years": e.mopedState.claimFreeYears, "max-claim-free-years-options": e.maxClaimFreeYearsOptions, "max-claim-free-years": e.maxClaimFreeYears, "vd-form-version": e.vdFormVersion }, on: { "close-claim-free-years-modal": e.closeClaimFreeYearModal, "set-claim-free-years": e.setClaimFreeYears } })], 1);
 }, nP = [];
 Up._withStripped = !0;
 var Wp = /* @__PURE__ */ Q(