https://www.zwolsetheaters.nl/assets/js/base/form/base-dropdown.56d.js

1"use strict";(self["webpackChunkfrontend"]=self["webpackChunkfrontend"]||[]).push([[4312],{3953:function(e,a,l){const o={props:{model:Object,modelValue:[String,Number,Boolean,Array,Object],id:String,type:String,name:String,maxlength:[String,Number],placeholder:String,autocomplete:String,mandatory:{type:Boolean,default:!1},rows:String,multiple:Boolean,error:String,customProps:Object,index:{type:Number},isComponent:{type:String},prevComponent:{type:String},nextComponent:{type:String}}};l.d(a,["D",0,o])},3131:function(e,a,l){l.r(a),l.d(a,{default:function(){return v}});l(7746);var o=l(9726);const t=["name","id","data-umb","autocomplete","multiple","data-val","data-val-required"],r=["disabled","selected"],n=["value","selected"];function d(e,a,l,d,i,u){const s=(0,o.g2)("BaseFormField");return(0,o.uX)(),(0,o.Wv)(s,(0,o.v6)(e.$props,{"module-suffix":"__dropdown",class:e.$style["base-dropdown"]}),{default:(0,o.k6)(({variant:l,isFormChild:d,cssModule:i})=>[(0,o.Lk)("select",{ref:"dropdownWrapper",class:(0,o.C4)([e.$style["base-dropdown__select"],e.$style["variant--"+l],i("__select"),i("variant--"+l),{[e.$style["form--child"]]:d,[e.$style["has--no-dropdown-value"]]:!e.hasValue,[i("form--child")]:d,[i("has--no-dropdown-value")]:!e.hasValue,"input-validation-error":!!e.error}]),name:e.name||e.model?.name,id:e.id||e.model?.id,"data-umb":e.id||e.model?.id,autocomplete:e.autocomplete||e.model?.additionalSettings?.autocompleteAttribute||"off",multiple:e.multiple||e.allowMultiple,"data-val":!(!e.model?.mandatory&&!e.model?.validate)||"","data-val-required":e.model?.mandatory?e.model?.requiredErrorMessage:"",onInput:a[0]||(a[0]=(...a)=>e.onInput&&e.onInput(...a)),onFocus:a[1]||(a[1]=a=>e.$emit("focus")),onBlur:a[2]||(a[2]=a=>e.$emit("blur"))},[(void 0!==e.multiple?e.multiple:e.allowMultiple)?(0,o.Q3)("",!0):((0,o.uX)(),(0,o.CE)("option",{key:0,disabled:e.model?.mandatory,selected:!e.hasValue,value:""},(0,o.v_)(e.model?.toolTip),9,r)),((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(e.preValues||e.model?.preValues,a=>((0,o.uX)(),(0,o.CE)("option",{key:a.id,value:a.value,selected:e.modelValue==a.value||Array.isArray(e.modelValue)&&e.modelValue.includes(a.value)||e.model?.values?.includes(a.value)},(0,o.v_)(a.label||a.value),9,n))),128))],42,t),(0,o.Lk)("span",{class:(0,o.C4)([e.$style["base-dropdown__icon"],e.$style["variant--"+l],{[e.$style["form--child"]]:d},i("__icon"),i("variant--"+l),{[i("form--child")]:d}])},null,2)]),_:1},16,["class"])}l(3725),l(5019),l(2598),l(1339),l(9229);var i=l(3953),u=(0,o.pM)({props:{...i.D.props,preValues:Array},setup(e,{emit:a}){const l=(0,o.KR)(null),t=(0,o.KR)(e.modelValue&&Array.isArray(e.modelValue)&&e.modelValue.some(a=>e.preValues?.find(e=>e.value==a))||e.model?.values&&e.model?.values?.some(a=>e.model?.preValues?.find(e=>e.value==a))),r=()=>{if(!l.value)return;const e=Array.from(l.value.querySelectorAll("option")).filter(e=>e.selected).map(e=>e.value),o=e.length?1==e.length?e[0]:e:null;t.value=!!o,a("update:modelValue",o)};return{dropdownWrapper:l,hasValue:t,onInput:r,allowMultiple:(0,o.EW)(()=>"true"==e.model?.additionalSettings?.allowMultipleSelections?.toLowerCase())}}}),s={"base-dropdown__icon":"base-dropdown__icon__f623fd","form--child":"form--child__de2b63","variant--default":"variant--default__ed2489","variant--default-inverted":"variant--default-inverted__fe2d35","variant--dropdown":"variant--dropdown__b19129","variant--dropdown-inverted":"variant--dropdown-inverted__c947c6","variant--date":"variant--date__b7414b","variant--date-inverted":"variant--date-inverted__e45ca4","variant--nav-search-mobile":"variant--nav-search-mobile__cab979","base-dropdown__select":"base-dropdown__select__b15553","has--no-dropdown-value":"has--no-dropdown-value__ca763b"},p=l(6262);const m={};m["$style"]=s;const c=(0,p.A)(u,[["render",d],["__cssModules",m]]);var v=c}}]);