@vergelijkdirect/comparison-forms 1.2.7-rc.0 → 1.2.7-rc.2

package/dist-rollup/comparison-forms.js

@@ -22237,22 +22237,22 @@ const kp = (...t) => (e) => t.reduce((r, n) => n(r), e), qA = {
   methods: {
     optionHighlight(t, e) {
       return {
-        "multiselect__option--highlight": t === this.pointer && this.showPointer,
-        "multiselect__option--selected": this.isSelected(e)
+        "vd-multiselect__option--highlight": t === this.pointer && this.showPointer,
+        "vd-multiselect__option--selected": this.isSelected(e)
       };
     },
     groupHighlight(t, e) {
       if (!this.groupSelect)
         return [
-          "multiselect__option--disabled",
-          { "multiselect__option--group": e.$isLabel }
+          "vd-multiselect__option--disabled",
+          { "vd-multiselect__option--group": e.$isLabel }
         ];
       const r = this.options.find((n) => n[this.groupLabel] === e.$groupLabel);
       return r && !this.wholeGroupDisabled(r) ? [
-        "multiselect__option--group",
-        { "multiselect__option--highlight": t === this.pointer && this.showPointer },
-        { "multiselect__option--group-selected": this.wholeGroupSelected(r) }
-      ] : "multiselect__option--disabled";
+        "vd-multiselect__option--group",
+        { "vd-multiselect__option--highlight": t === this.pointer && this.showPointer },
+        { "vd-multiselect__option--group-selected": this.wholeGroupSelected(r) }
+      ] : "vd-multiselect__option--disabled";
     },
     addPointerElement({ key: t } = "Enter") {
       this.filteredOptions.length > 0 && this.select(this.filteredOptions[this.pointer], t), this.pointerReset();
@@ -22461,7 +22461,7 @@ const kp = (...t) => (e) => t.reduce((r, n) => n(r), e), qA = {
 };
 var Cg = function() {
   var e = this, r = e._self._c;
-  return r("div", { staticClass: "multiselect", class: { "multiselect--active": e.isOpen, "multiselect--disabled": e.disabled, "multiselect--above": e.isAbove, "multiselect--has-options-group": e.hasOptionGroup }, attrs: { tabindex: e.searchable ? -1 : e.tabindex, role: "combobox", "aria-owns": "listbox-" + e.id }, on: { focus: function(n) {
+  return r("div", { staticClass: "vd-multiselect", class: { "vd-multiselect--active": e.isOpen, "vd-multiselect--disabled": e.disabled, "vd-multiselect--above": e.isAbove, "vd-multiselect--has-options-group": e.hasOptionGroup }, attrs: { tabindex: e.searchable ? -1 : e.tabindex, role: "combobox", "aria-owns": "listbox-" + e.id }, on: { focus: function(n) {
     return e.activate();
   }, blur: function(n) {
     e.searchable || e.deactivate();
@@ -22474,24 +22474,24 @@ var Cg = function() {
   }, keyup: function(n) {
     return !n.type.indexOf("key") && e._k(n.keyCode, "esc", 27, n.key, ["Esc", "Escape"]) ? null : e.deactivate();
   } } }, [e._t("caret", function() {
-    return [r("div", { staticClass: "multiselect__select", on: { mousedown: function(n) {
+    return [r("div", { staticClass: "vd-multiselect__select", on: { mousedown: function(n) {
       return n.preventDefault(), n.stopPropagation(), e.toggle();
     } } })];
-  }, { toggle: e.toggle }), e._t("clear", null, { search: e.search }), r("div", { ref: "tags", staticClass: "multiselect__tags" }, [e._t("selection", function() {
-    return [r("div", { directives: [{ name: "show", rawName: "v-show", value: e.visibleValues.length > 0, expression: "visibleValues.length > 0" }], staticClass: "multiselect__tags-wrap" }, [e._l(e.visibleValues, function(n, a) {
+  }, { toggle: e.toggle }), e._t("clear", null, { search: e.search }), r("div", { ref: "tags", staticClass: "vd-multiselect__tags" }, [e._t("selection", function() {
+    return [r("div", { directives: [{ name: "show", rawName: "v-show", value: e.visibleValues.length > 0, expression: "visibleValues.length > 0" }], staticClass: "vd-multiselect__tags-wrap" }, [e._l(e.visibleValues, function(n, a) {
       return [e._t("tag", function() {
-        return [r("span", { key: a, staticClass: "multiselect__tag" }, [r("span", { domProps: { textContent: e._s(e.getOptionLabel(n)) } }), r("i", { staticClass: "multiselect__tag-icon", attrs: { tabindex: "1" }, on: { keypress: function(i) {
+        return [r("span", { key: a, staticClass: "vd-multiselect__tag" }, [r("span", { domProps: { textContent: e._s(e.getOptionLabel(n)) } }), r("i", { staticClass: "vd-multiselect__tag-icon", attrs: { tabindex: "1" }, on: { keypress: function(i) {
           return !i.type.indexOf("key") && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : (i.preventDefault(), e.removeElement(n));
         }, mousedown: function(i) {
           return i.preventDefault(), e.removeElement(n);
         } } })])];
       }, { option: n, search: e.search, remove: e.removeElement })];
     })], 2), e.internalValue && e.internalValue.length > e.limit ? [e._t("limit", function() {
-      return [r("strong", { staticClass: "multiselect__strong", domProps: { textContent: e._s(e.limitText(e.internalValue.length - e.limit)) } })];
+      return [r("strong", { staticClass: "vd-multiselect__strong", domProps: { textContent: e._s(e.limitText(e.internalValue.length - e.limit)) } })];
     })] : e._e()];
-  }, { search: e.search, remove: e.removeElement, values: e.visibleValues, isOpen: e.isOpen }), r("transition", { attrs: { name: "multiselect__loading" } }, [e._t("loading", function() {
-    return [r("div", { directives: [{ name: "show", rawName: "v-show", value: e.loading, expression: "loading" }], staticClass: "multiselect__spinner" })];
-  })], 2), e.searchable ? r("input", { ref: "search", staticClass: "multiselect__input", style: e.inputStyle, attrs: { name: e.name, id: e.id, type: "text", autocomplete: "off", spellcheck: "false", placeholder: e.placeholder, disabled: e.disabled, tabindex: e.tabindex, "aria-controls": "listbox-" + e.id }, domProps: { value: e.search }, on: { input: function(n) {
+  }, { search: e.search, remove: e.removeElement, values: e.visibleValues, isOpen: e.isOpen }), r("transition", { attrs: { name: "vd-multiselect__loading" } }, [e._t("loading", function() {
+    return [r("div", { directives: [{ name: "show", rawName: "v-show", value: e.loading, expression: "loading" }], staticClass: "vd-multiselect__spinner" })];
+  })], 2), e.searchable ? r("input", { ref: "search", staticClass: "vd-multiselect__input", style: e.inputStyle, attrs: { name: e.name, id: e.id, type: "text", autocomplete: "off", spellcheck: "false", placeholder: e.placeholder, disabled: e.disabled, tabindex: e.tabindex, "aria-controls": "listbox-" + e.id }, domProps: { value: e.search }, on: { input: function(n) {
     return e.updateSearch(n.target.value);
   }, focus: function(n) {
     return n.preventDefault(), e.activate();
@@ -22507,28 +22507,28 @@ var Cg = function() {
     return !n.type.indexOf("key") && e._k(n.keyCode, "delete", [8, 46], n.key, ["Backspace", "Delete", "Del"]) ? null : (n.stopPropagation(), e.removeLastElement());
   }], keypress: function(n) {
     return !n.type.indexOf("key") && e._k(n.keyCode, "enter", 13, n.key, "Enter") || (n.preventDefault(), n.stopPropagation(), n.target !== n.currentTarget) ? null : e.addPointerElement(n);
-  } } }) : e._e(), e.isSingleLabelVisible ? r("span", { staticClass: "multiselect__single", on: { mousedown: function(n) {
+  } } }) : e._e(), e.isSingleLabelVisible ? r("span", { staticClass: "vd-multiselect__single", on: { mousedown: function(n) {
     return n.preventDefault(), e.toggle.apply(null, arguments);
   } } }, [e._t("singleLabel", function() {
     return [[e._v(e._s(e.currentOptionLabel))]];
-  }, { option: e.singleValue })], 2) : e._e(), e.isPlaceholderVisible ? r("span", { staticClass: "multiselect__placeholder", on: { mousedown: function(n) {
+  }, { option: e.singleValue })], 2) : e._e(), e.isPlaceholderVisible ? r("span", { staticClass: "vd-multiselect__placeholder", on: { mousedown: function(n) {
     return n.preventDefault(), e.toggle.apply(null, arguments);
   } } }, [e._t("placeholder", function() {
     return [e._v(" " + e._s(e.placeholder) + " ")];
-  })], 2) : e._e()], 2), r("transition", { attrs: { name: "multiselect" } }, [r("div", { directives: [{ name: "show", rawName: "v-show", value: e.isOpen && !e.loading, expression: "isOpen && !loading" }], staticClass: "multiselect__tab-wrapper", style: {
+  })], 2) : e._e()], 2), r("transition", { attrs: { name: "multiselect" } }, [r("div", { directives: [{ name: "show", rawName: "v-show", value: e.isOpen && !e.loading, expression: "isOpen && !loading" }], staticClass: "vd-multiselect__tab-wrapper", style: {
     borderColor: e.filteredOptions.length !== 0 || e.options.length !== 0 || e.showNoResults && e.filteredOptions.length === 0 && e.search && !e.loading || e.showNoOptions && (e.options.length === 0 || e.hasOptionGroup === !0 && e.filteredOptions.length === 0) && !e.search && !e.loading ? "" : "transparent"
-  } }, [r("div", { ref: "list", staticClass: "multiselect__content-wrapper", style: { maxHeight: 103 * 5 + "px" }, attrs: { tabindex: "-1" }, on: { focus: e.activate, mousedown: function(n) {
+  } }, [r("div", { ref: "list", staticClass: "vd-multiselect__content-wrapper", style: { maxHeight: 103 * 5 + "px" }, attrs: { tabindex: "-1" }, on: { focus: e.activate, mousedown: function(n) {
     n.preventDefault();
-  } } }, [r("ul", { staticClass: "multiselect__content", style: e.contentStyle, attrs: { role: "listbox", id: "listbox-" + e.id } }, [e._t("beforeList"), e.multiple && e.max === e.internalValue.length ? r("li", [r("span", { staticClass: "multiselect__option" }, [e._t("maxElements", function() {
+  } } }, [r("ul", { staticClass: "vd-multiselect__content", style: e.contentStyle, attrs: { role: "listbox", id: "listbox-" + e.id } }, [e._t("beforeList"), e.multiple && e.max === e.internalValue.length ? r("li", [r("span", { staticClass: "vd-multiselect__option" }, [e._t("maxElements", function() {
     return [e._v("Maximum of " + e._s(e.max) + " options selected. First remove a selected option to select another.")];
   })], 2)]) : e._e(), !e.max || e.internalValue.length < e.max ? e._l(e.filteredOptions, function(n, a) {
-    return r("li", { key: a, staticClass: "multiselect__element", attrs: { id: e.id + "-" + a, role: n && (n.$isLabel || n.$isDisabled) ? null : "option" } }, [n && (n.$isLabel || n.$isDisabled) ? e._e() : r("span", { staticClass: "multiselect__option", class: e.optionHighlight(a, n), attrs: { "data-select": n && n.isTag ? e.tagPlaceholder : e.selectLabelText, "data-selected": e.selectedLabelText, "data-deselect": e.deselectLabelText }, on: { click: function(i) {
+    return r("li", { key: a, staticClass: "vd-multiselect__element", attrs: { id: e.id + "-" + a, role: n && (n.$isLabel || n.$isDisabled) ? null : "option" } }, [n && (n.$isLabel || n.$isDisabled) ? e._e() : r("span", { staticClass: "vd-multiselect__option", class: e.optionHighlight(a, n), attrs: { "data-select": n && n.isTag ? e.tagPlaceholder : e.selectLabelText, "data-selected": e.selectedLabelText, "data-deselect": e.deselectLabelText }, on: { click: function(i) {
       return i.stopPropagation(), e.select(n);
     }, mouseenter: function(i) {
       return i.target !== i.currentTarget ? null : e.pointerSet(a);
     } } }, [e._t("option", function() {
       return [r("span", [e._v(e._s(e.getOptionLabel(n)))])];
-    }, { option: n, search: e.search, index: a })], 2), n && (n.$isLabel || n.$isDisabled) ? r("span", { staticClass: "multiselect__option", class: e.groupHighlight(a, n), attrs: { "data-select": e.groupSelect && e.selectGroupLabelText, "data-deselect": e.groupSelect && e.deselectGroupLabelText }, on: { mouseenter: function(i) {
+    }, { option: n, search: e.search, index: a })], 2), n && (n.$isLabel || n.$isDisabled) ? r("span", { staticClass: "vd-multiselect__option", class: e.groupHighlight(a, n), attrs: { "data-select": e.groupSelect && e.selectGroupLabelText, "data-deselect": e.groupSelect && e.deselectGroupLabelText }, on: { mouseenter: function(i) {
       if (i.target !== i.currentTarget)
         return null;
       e.groupSelect && e.pointerSet(a);
@@ -22537,9 +22537,9 @@ var Cg = function() {
     } } }, [e._t("option", function() {
       return [r("span", [e._v(e._s(e.getOptionLabel(n)))])];
     }, { option: n, search: e.search, index: a })], 2) : e._e()]);
-  }) : e._e(), r("li", { directives: [{ name: "show", rawName: "v-show", value: e.showNoResults && e.filteredOptions.length === 0 && e.search && !e.loading, expression: "showNoResults && (filteredOptions.length === 0 && search && !loading)" }] }, [r("span", { staticClass: "multiselect__option" }, [e._t("noResult", function() {
+  }) : e._e(), r("li", { directives: [{ name: "show", rawName: "v-show", value: e.showNoResults && e.filteredOptions.length === 0 && e.search && !e.loading, expression: "showNoResults && (filteredOptions.length === 0 && search && !loading)" }] }, [r("span", { staticClass: "vd-multiselect__option" }, [e._t("noResult", function() {
     return [e._v("No elements found. Consider changing the search query.")];
-  }, { search: e.search })], 2)]), r("li", { directives: [{ name: "show", rawName: "v-show", value: e.showNoOptions && (e.options.length === 0 || e.hasOptionGroup === !0 && e.filteredOptions.length === 0) && !e.search && !e.loading, expression: "showNoOptions && ((options.length === 0 || (hasOptionGroup === true && filteredOptions.length === 0)) && !search && !loading)" }] }, [r("span", { staticClass: "multiselect__option" }, [e._t("noOptions", function() {
+  }, { search: e.search })], 2)]), r("li", { directives: [{ name: "show", rawName: "v-show", value: e.showNoOptions && (e.options.length === 0 || e.hasOptionGroup === !0 && e.filteredOptions.length === 0) && !e.search && !e.loading, expression: "showNoOptions && ((options.length === 0 || (hasOptionGroup === true && filteredOptions.length === 0)) && !search && !loading)" }] }, [r("span", { staticClass: "vd-multiselect__option" }, [e._t("noOptions", function() {
     return [e._v("List is empty.")];
   })], 2)]), e._t("afterList")], 2)])])])], 2);
 }, UA = [];
@@ -22650,11 +22650,11 @@ const YA = Og.exports, WA = A({
 });
 var kg = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("div", [r("multiselect", { class: { "multiselect__chosen-option": e.isOptionSelected && !e.isDropdownFocused }, attrs: { options: e.companies, label: "name", "track-by": "name", multiple: !1, "options-limit": 30, placeholder: "Typ je bedrijfsnaam of KvK-nummer", "selected-label": "Selected", "select-label": "Select", "preserve-search": !0, loading: e.isLoading, "internal-search": !1, deselectLabel: "", selectedLabel: "", hideSelected: !0, openDirection: "bottom", showNoOptions: !1 }, on: { "search-change": e.findCompanies, remove: e.removeOption, open: e.setDropdownOpened, close: e.setDropdownClosed }, scopedSlots: e._u([{ key: "option", fn: function({ option: n }) {
-    return [r("div", { staticClass: "multiselect__option-external-wrapper" }, [r("div", { staticClass: "multiselect__option-wrapper" }, [r("p", [r("b", [e._v(e._s(n.naam))]), r("br")]), r("p", [e._v(e._s("Kvk: " + n.kvkNummer)), r("br")]), r("p", [e._v(e._s(n.adres.binnenlandsAdres.plaats + ", " + n.adres.binnenlandsAdres.straatnaam)), r("br")])])])];
+  return e._self._setupProxy, r("div", [r("multiselect", { class: { "vd-multiselect__chosen-option": e.isOptionSelected && !e.isDropdownFocused }, attrs: { options: e.companies, label: "name", "track-by": "name", multiple: !1, "options-limit": 30, placeholder: "Typ je bedrijfsnaam of KvK-nummer", "selected-label": "Selected", "select-label": "Select", "preserve-search": !0, loading: e.isLoading, "internal-search": !1, deselectLabel: "", selectedLabel: "", hideSelected: !0, openDirection: "bottom", showNoOptions: !1 }, on: { "search-change": e.findCompanies, remove: e.removeOption, open: e.setDropdownOpened, close: e.setDropdownClosed }, scopedSlots: e._u([{ key: "option", fn: function({ option: n }) {
+    return [r("div", { staticClass: "vd-multiselect__option-external-wrapper" }, [r("div", { staticClass: "vd-multiselect__option-wrapper" }, [r("p", [r("b", [e._v(e._s(n.naam))]), r("br")]), r("p", [e._v(e._s("Kvk: " + n.kvkNummer)), r("br")]), r("p", [e._v(e._s(n.adres.binnenlandsAdres.plaats + ", " + n.adres.binnenlandsAdres.straatnaam)), r("br")])])])];
   } }]), model: { value: e.companyName, callback: function(n) {
     e.companyName = n;
-  }, expression: "companyName" } }, [r("template", { slot: "noResult" }, [r("p", { staticClass: "multiselect__option-non-result mb-0" }, [e._v("Helaas, we hebben geen resultaten gevonden. Probeer te zoeken op de naam waarmee je bedrijf is geregistreerd bij de Kamer van Koophandel, of gebruik je KvK-nummer.")])]), r("template", { slot: "noOptions" }, [r("p", { staticClass: "multiselect__option-non-result mb-0" }, [e._v("Bedrijfsnaam of KVK-nummer")])])], 2), e.isOptionSelected && !e.isDropdownFocused ? r("div", { staticClass: "multiselect__address-info mt-1" }, [r("i", { staticClass: "fas fa-info-circle vd-tip-icon vd-tip-icon_additional-text" }), r("span", [e._v("Kvk: " + e._s(e.businessInfoModel.kvk_number) + " " + e._s(e.businessInfoModel.full_address))])]) : e._e(), r("error-handler", { attrs: { "errors-data": [{ rule: !e.isOptionSelected && !e.isDropdownFocused && e.hasCompaniesListValidationError, text: "Bedrijfsnaam of KVK-nummer is verplicht" }] } })], 1);
+  }, expression: "companyName" } }, [r("template", { slot: "noResult" }, [r("p", { staticClass: "vd-multiselect__option-non-result mb-0" }, [e._v("Helaas, we hebben geen resultaten gevonden. Probeer te zoeken op de naam waarmee je bedrijf is geregistreerd bij de Kamer van Koophandel, of gebruik je KvK-nummer.")])]), r("template", { slot: "noOptions" }, [r("p", { staticClass: "vd-multiselect__option-non-result mb-0" }, [e._v("Bedrijfsnaam of KVK-nummer")])])], 2), e.isOptionSelected && !e.isDropdownFocused ? r("div", { staticClass: "vd-multiselect__address-info mt-1" }, [r("i", { staticClass: "fas fa-info-circle vd-tip-icon vd-tip-icon_additional-text" }), r("span", [e._v("Kvk: " + e._s(e.businessInfoModel.kvk_number) + " " + e._s(e.businessInfoModel.full_address))])]) : e._e(), r("error-handler", { attrs: { "errors-data": [{ rule: !e.isOptionSelected && !e.isDropdownFocused && e.hasCompaniesListValidationError, text: "Bedrijfsnaam of KVK-nummer is verplicht" }] } })], 1);
 }, GA = [];
 kg._withStripped = !0;
 var xg = /* @__PURE__ */ R(