{"version":3,"sources":["webpack:///./src/components/dashboard/CarForm.vue","webpack:///./src/components/common/options/VehicleTypeDropdown.vue","webpack:///src/components/common/options/VehicleTypeDropdown.vue","webpack:///./src/components/common/options/VehicleTypeDropdown.vue?4198","webpack:///./src/components/common/options/VehicleTypeDropdown.vue?8a90","webpack:///src/components/dashboard/CarForm.vue","webpack:///./src/components/dashboard/CarForm.vue?b933","webpack:///./src/components/dashboard/CarForm.vue?cfe8","webpack:///./node_modules/core-js/internals/get-substitution.js","webpack:///./src/assets/icons/delete.svg","webpack:///./src/mixins/global.mixin.js","webpack:///./node_modules/core-js/internals/is-regexp.js","webpack:///./src/components/common/LoadingIcon.vue?1dcc","webpack:///../../../src/components/VForm/VForm.ts","webpack:///./src/components/common/options/VehicleMakeDropdown.vue","webpack:///src/components/common/options/VehicleMakeDropdown.vue","webpack:///./src/components/common/options/VehicleMakeDropdown.vue?3ec8","webpack:///./src/components/common/options/VehicleMakeDropdown.vue?e7bd","webpack:///./src/components/dashboard/CarForm.vue?fdaa","webpack:///./node_modules/core-js/modules/es.string.replace-all.js","webpack:///./node_modules/core-js/internals/regexp-get-flags.js","webpack:///./node_modules/core-js/internals/regexp-flags.js","webpack:///./src/components/common/LoadingIcon.vue","webpack:///src/components/common/LoadingIcon.vue","webpack:///./src/components/common/LoadingIcon.vue?1924","webpack:///./src/components/common/LoadingIcon.vue?584b","webpack:///../../../src/components/VAutocomplete/VAutocomplete.ts","webpack:///./src/assets/icons/edit.svg","webpack:///./src/components/common/options/FuelTypeDropdown.vue","webpack:///src/components/common/options/FuelTypeDropdown.vue","webpack:///./src/components/common/options/FuelTypeDropdown.vue?5d8c","webpack:///./src/components/common/options/FuelTypeDropdown.vue?3aa1"],"names":["_c","staticClass","_vm","ref","class","formName","attrs","model","value","valid","expression","nativeOn","$event","txt_licensePlate","required","type","txt_model","isNumber","txt_year","txt_power","txt_engineCapacity","txt_cylinders","callback","_v","on","staticRenderFns","_self","closeOnContentClick","onKeyEnter","txt_vehicleType","name","props","vehicleType","beforeMount","mounted","inputField","mixins","data","computed","vehicleTypes","watch","methods","onFocus","onValueChanged","updateVehicleTypeValue","component","components","FuelTypeDropdown","VehicleTypeDropdown","VehicleMakeDropdown","showOptions","intro","txt_merk","txt_fuelType","index","licensePlate","make","year","engineCapacity","cylinders","power","fuelType","id","isActive","isNew","isOrderForm","fuelTypes","onFuelTypeChanged","onLicensePlateEnter","then","catch","setInitial","saveCar","request","cancel","uncurryThis","toObject","floor","Math","charAt","replace","stringSlice","slice","SUBSTITUTION_SYMBOLS","SUBSTITUTION_SYMBOLS_NO_NAMED","module","exports","matched","str","position","captures","namedCaptures","replacement","tailPos","length","m","symbols","undefined","match","ch","capture","n","f","decimalSeparator","numbers","array_move","arr","old_index","new_index","splice","evt","keyPressed","key","this","includes","preventDefault","isNonNumeric","isPhoneNumberKey","allowedChars","isCurrency","currentText","separator","keysAllowed","concat","replacedKey","getNextElement","event","nextElement","item","currentTarget","closest","next","querySelector","focus","isObject","classof","wellKnownSymbol","MATCH","it","isRegExp","BindsAttrs","RegistrableProvide","extend","provide","form","inheritAttrs","disabled","Boolean","lazyValidation","readonly","inputs","watchers","errorBag","handler","val","errors","Object","values","$emit","deep","immediate","watchInput","input","watcher","$watch","$set","_uid","shouldValidate","hasOwnProperty","validate","filter","reset","forEach","resetErrorBag","setTimeout","resetValidation","register","push","unregister","found","find","i","unwatch","$delete","render","h","novalidate","attrs$","submit","e","$slots","default","txt_vehicleMake","vehicleMake","vehicleMakes","updateVehicleMakeValue","$","call","requireObjectCoercible","isCallable","isNullOrUndefined","toString","getMethod","getRegExpFlags","getSubstitution","IS_PURE","REPLACE","$TypeError","TypeError","indexOf","max","stringIndexOf","string","searchValue","fromIndex","target","proto","replaceAll","replaceValue","IS_REG_EXP","flags","replacer","searchString","functionalReplace","searchLength","advanceBy","O","endOfLastMatch","result","hasOwn","isPrototypeOf","regExpFlags","RegExpPrototype","RegExp","prototype","R","anObject","that","hasIndices","global","ignoreCase","multiline","dotAll","unicode","unicodeSets","sticky","isLoading","imgClass","defaultMenuProps","VSelectMenuProps","offsetY","offsetOverflow","transition","VSelect","autoSelectFirst","Function","queryText","itemText","toLocaleLowerCase","hideNoData","menuProps","options","noFilter","searchInput","String","lazySearch","classes","selectedIndex","computedItems","filteredItems","selectedValues","selectedItems","map","getValue","hasDisplayedItems","hideSelected","some","hasItem","currentRange","selectedItem","getText","isSearching","internalSearch","allItems","getPropertyFromItem","text","get","set","isAnyValueAllowed","isDirty","searchIsDirty","multiple","menuCanShow","isFocused","$_menuProps","contentClass","trim","valueComparator","internalValue","listData","items","virtualizedItems","document","addEventListener","onCopy","$refs","select","removeEventListener","blur","updateSelf","isMenuActive","hasSlot","oldVal","activateMenu","created","setSearch","destroyed","onFilteredItemsChanged","preSelectedItem","menu","listIndex","setMenuIndex","findIndex","$nextTick","getTiles","onInternalSearchChanged","updateMenuDimensions","updateDimensions","changeSelectedIndex","keyCode","keyCodes","left","right","backspace","delete","deleteCurrentItem","curIndex","curItem","isInteractive","getDisabled","lastIndex","nextIndex","nextItem","selectItem","setValue","clearableCallback","genInput","VTextField","mergeData","getObjectValueByPath","autocomplete","domProps","genInputSlot","slot","role","genSelections","onClick","isAppendInner","onInput","badInput","validity","onKeyDown","ctrlKey","home","end","onSpaceDown","onTabDown","onUpDown","setSelectedItems","currentItem","currentItemText","clipboardData","_a","setData","_b","updateFuelTypeValue"],"mappings":"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","file":"js/chunk-1360dd44.cb1e8cc0.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-expand-transition',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isActive),expression:\"isActive\"}]},[_c('v-row',{staticClass:\"mt-0\"},[_c('v-col',[_c('p',{staticClass:\"headline mb-2\"},[_vm._v(\"Voertuiggegevens\")]),_c('div',[_vm._v(_vm._s(_vm.intro))])])],1),_c('v-form',{ref:\"form\",class:_vm.formName,attrs:{\"lazy-validation\":\"\"},model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-text-field',{attrs:{\"label\":\"Kenteken\"},on:{\"blur\":function($event){return _vm.onLicensePlateEnter()}},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.getNextElement($event, _vm.formName, 'vehicletype')}},model:{value:(_vm.txt_licensePlate),callback:function ($$v) {_vm.txt_licensePlate=$$v},expression:\"txt_licensePlate\"}}),_c('VehicleTypeDropdown',{attrs:{\"vehicleType\":_vm.txt_vehicleType},on:{\"changed\":function($event){_vm.txt_vehicleType = $event},\"onKeyEnter\":evt => _vm.getNextElement(evt, _vm.formName, 'vehiclemake')}}),_c('VehicleMakeDropdown',{attrs:{\"vehicleMake\":_vm.txt_merk},on:{\"changed\":function($event){_vm.txt_merk = $event},\"onKeyEnter\":evt => _vm.getNextElement(evt, _vm.formName, 'carmodel')}}),_c('v-text-field',{staticClass:\"carmodel\",attrs:{\"label\":\"Model*\",\"rules\":[_vm.rules.required],\"required\":\"\"},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.getNextElement($event, _vm.formName, 'caryear')}},model:{value:(_vm.txt_model),callback:function ($$v) {_vm.txt_model=$$v},expression:\"txt_model\"}}),_c('v-text-field',{staticClass:\"caryear\",attrs:{\"label\":\"Bouwjaar*\",\"rules\":[_vm.rules.required, _vm.rules.validRange(_vm.txt_year, 1900, _vm.getYearOnly(_vm.getToday()))],\"required\":\"\"},on:{\"keypress\":function($event){return _vm.isNumber($event)}},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.getNextElement($event, _vm.formName, 'fueltype')}},model:{value:(_vm.txt_year),callback:function ($$v) {_vm.txt_year=_vm._n($$v)},expression:\"txt_year\"}}),_c('FuelTypeDropdown',{attrs:{\"fuelType\":_vm.txt_fuelType},on:{\"changed\":function($event){return _vm.onFuelTypeChanged($event)},\"onKeyEnter\":evt => _vm.getNextElement(evt, _vm.formName, 'carpower')}}),_c('v-text-field',{staticClass:\"carpower\",attrs:{\"label\":\"Vermogen in pk*\",\"rules\":[_vm.rules.required, _vm.rules.validRange(_vm.txt_power, 10, 1000)],\"required\":\"\"},on:{\"keypress\":function($event){return _vm.isNumber($event)}},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.getNextElement($event, _vm.formName, 'carenginecapacity')}},model:{value:(_vm.txt_power),callback:function ($$v) {_vm.txt_power=_vm._n($$v)},expression:\"txt_power\"}}),(!_vm.isElectricCar(_vm.txt_fuelType))?_c('v-text-field',{staticClass:\"carenginecapacity\",attrs:{\"label\":\"Motorinhoud in cc*\",\"rules\":[_vm.rules.required, _vm.rules.validRange(_vm.txt_engineCapacity, 100, 10000)],\"required\":\"\"},on:{\"keypress\":function($event){return _vm.isNumber($event)}},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.getNextElement($event, _vm.formName, 'carcylinder')}},model:{value:(_vm.txt_engineCapacity),callback:function ($$v) {_vm.txt_engineCapacity=_vm._n($$v)},expression:\"txt_engineCapacity\"}}):_vm._e(),(!_vm.isElectricCar(_vm.txt_fuelType))?_c('v-text-field',{staticClass:\"carcylinder\",attrs:{\"label\":\"Cilinders*\",\"rules\":[_vm.rules.required, _vm.rules.validRange(_vm.txt_cylinders, 1, 16)],\"required\":\"\"},on:{\"keypress\":function($event){return _vm.isNumber($event)}},model:{value:(_vm.txt_cylinders),callback:function ($$v) {_vm.txt_cylinders=_vm._n($$v)},expression:\"txt_cylinders\"}}):_vm._e()],1),(!_vm.isOrderForm)?_c('div',[_c('v-btn',{staticClass:\"mt-6\",attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.saveCar()}}},[_vm._v(\" Opslaan \")]),_c('v-row',{staticClass:\"justify-center text-center\",attrs:{\"no-gutters\":\"\"}},[_c('v-card-actions',[_c('v-container',[_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_vm._v(\" Geen voertuig toevoegen? \"),_c('span',{staticClass:\"link\",on:{\"click\":function($event){return _vm.cancel()}}},[_vm._v(\" Annuleer. \")])])],1)],1)],1)],1)],1):_vm._e(),(_vm.isOrderForm)?_c('div',[_c('v-btn',{staticClass:\"mt-3\",attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.saveCar()}}},[_vm._v(\" Rond bestelling af \")]),_c('v-row',{staticClass:\"justify-center text-center\",attrs:{\"no-gutters\":\"\"}},[_c('v-card-actions',[_c('v-container',[_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_vm._v(\" Foutje gemaakt? \"),_c('span',{staticClass:\"link\",on:{\"click\":function($event){return _vm.cancel()}}},[_vm._v(\"Ga terug.\")])])],1)],1)],1)],1)],1):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-autocomplete',{ref:\"vehicletype\",staticClass:\"vehicletype\",attrs:{\"items\":_vm.vehicleTypes,\"item-text\":\"item2\",\"item-value\":\"item1\",\"rules\":[_vm.rules.required],\"required\":\"\",\"auto-select-first\":\"\",\"placeholder\":\"Kies type\",\"return-object\":\"\",\"menu-props\":{closeOnContentClick:true},\"dense\":\"\"},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onKeyEnter($event)}},model:{value:(_vm.txt_vehicleType),callback:function ($$v) {_vm.txt_vehicleType=$$v},expression:\"txt_vehicleType\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n       <v-autocomplete\r\n            class=\"vehicletype\"\r\n            ref=\"vehicletype\"\r\n            v-model=\"txt_vehicleType\"\r\n            :items=\"vehicleTypes\"\r\n            item-text=\"item2\"\r\n            item-value=\"item1\"\r\n            :rules=\"[rules.required]\"\r\n            required\r\n            auto-select-first\r\n            placeholder=\"Kies type\"\r\n            return-object\r\n            @keyup.native.enter=\"onKeyEnter($event)\"\r\n            :menu-props=\"{closeOnContentClick:true}\"\r\n            dense>\r\n        </v-autocomplete>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport DataMixin from \"@/mixins/data.mixin\";\r\nexport default {\r\n    name: 'VehicleTypeDropdown',\r\n    props: \r\n    {\r\n        vehicleType: Number\r\n    },\r\n    beforeMount()\r\n    {\r\n        this.updateVehicleTypeValue();\r\n    },\r\n    mounted () {\r\n      let inputField = this.$refs.vehicletype.$refs.input\r\n      inputField.addEventListener('focus', this.onFocus, true)\r\n    },\r\n    mixins: [DataMixin],\r\n    data() {\r\n        return {\r\n            txt_vehicleType: null,\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapState({\r\n            vehicleTypes: state => state.menuHelper.vehicleTypes\r\n        })\r\n    },\r\n    watch: {\r\n        vehicleType: 'updateVehicleTypeValue',\r\n        txt_vehicleType: 'onValueChanged'\r\n    },\r\n    methods:\r\n    {\r\n        onFocus() {\r\n            this.$refs.vehicletype.isMenuActive = true;\r\n        },\r\n        onKeyEnter(event) {\r\n\r\n            if (this.$refs.vehicletype.isMenuActive) return;\r\n\r\n            this.$emit('onKeyEnter', event);\r\n        },\r\n        onValueChanged()\r\n        {\r\n            if (this.txt_vehicleType == null) return;\r\n\r\n            this.$emit('changed', this.txt_vehicleType.item1);\r\n        },\r\n        updateVehicleTypeValue()\r\n        {\r\n            if(this.vehicleType != null)\r\n            {\r\n                this.txt_vehicleType = this.vehicleTypes.find(x => x.item1 == this.vehicleType);\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VehicleTypeDropdown.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VehicleTypeDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VehicleTypeDropdown.vue?vue&type=template&id=2776f34a&\"\nimport script from \"./VehicleTypeDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./VehicleTypeDropdown.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <v-expand-transition>\r\n        <div v-show=\"isActive\">\r\n            <v-row class=\"mt-0\">\r\n                <v-col>\r\n                    <p class=\"headline mb-2\">Voertuiggegevens</p>\r\n                    <div>{{intro}}</div>\r\n                </v-col>\r\n            </v-row>\r\n            <v-form ref=\"form\" lazy-validation v-model=\"valid\" :class=\"formName\">\r\n                <v-text-field \r\n                    v-model=\"txt_licensePlate\"\r\n                    @blur=\"onLicensePlateEnter()\"\r\n                    @keyup.native.enter=\"getNextElement($event, formName, 'vehicletype')\"\r\n                    label=\"Kenteken\" />\r\n                    \r\n                <VehicleTypeDropdown :vehicleType=\"txt_vehicleType\" @changed=\"txt_vehicleType = $event\" @onKeyEnter=\"evt => getNextElement(evt, formName, 'vehiclemake')\" />\r\n                <VehicleMakeDropdown :vehicleMake=\"txt_merk\" @changed=\"txt_merk = $event\" @onKeyEnter=\"evt => getNextElement(evt, formName, 'carmodel')\" />\r\n\r\n                <v-text-field \r\n                    v-model=\"txt_model\"\r\n                    label=\"Model*\"\r\n                    :rules=\"[rules.required]\"\r\n                    class=\"carmodel\"\r\n                    @keyup.native.enter=\"getNextElement($event, formName, 'caryear')\"\r\n                    required />\r\n\r\n                <v-text-field \r\n                    v-model.number=\"txt_year\"\r\n                    label=\"Bouwjaar*\"\r\n                    @keypress=\"isNumber($event)\"\r\n                    :rules=\"[rules.required, rules.validRange(txt_year, 1900, getYearOnly(getToday()))]\"\r\n                    class=\"caryear\"\r\n                    @keyup.native.enter=\"getNextElement($event, formName, 'fueltype')\"\r\n                    required />\r\n                \r\n                <FuelTypeDropdown \r\n                    :fuelType=\"txt_fuelType\" \r\n                    @changed=\"onFuelTypeChanged($event)\" \r\n                    @onKeyEnter=\"evt => getNextElement(evt, formName, 'carpower')\" />\r\n                \r\n                <v-text-field \r\n                    v-model.number=\"txt_power\"\r\n                    label=\"Vermogen in pk*\"\r\n                    @keypress=\"isNumber($event)\"\r\n                    :rules=\"[rules.required, rules.validRange(txt_power, 10, 1000)]\"\r\n                    class=\"carpower\"\r\n                    @keyup.native.enter=\"getNextElement($event, formName, 'carenginecapacity')\"\r\n                    required />\r\n\r\n                <v-text-field v-if=\"!isElectricCar(txt_fuelType)\"\r\n                    v-model.number=\"txt_engineCapacity\"\r\n                    label=\"Motorinhoud in cc*\"\r\n                    @keypress=\"isNumber($event)\"\r\n                    :rules=\"[rules.required, rules.validRange(txt_engineCapacity, 100, 10000)]\"\r\n                    class=\"carenginecapacity\"\r\n                    @keyup.native.enter=\"getNextElement($event, formName, 'carcylinder')\"\r\n                    required />\r\n\r\n                <v-text-field v-if=\"!isElectricCar(txt_fuelType)\"\r\n                    v-model.number=\"txt_cylinders\"\r\n                    label=\"Cilinders*\"\r\n                    @keypress=\"isNumber($event)\"\r\n                    :rules=\"[rules.required, rules.validRange(txt_cylinders, 1, 16)]\"\r\n                    class=\"carcylinder\"\r\n                    required />\r\n\r\n            </v-form>\r\n            <div v-if=\"!isOrderForm\">\r\n                <v-btn color=\"primary\" class=\"mt-6\" block @click=\"saveCar()\">\r\n                    Opslaan\r\n                </v-btn>\r\n                <v-row class=\"justify-center text-center\" no-gutters>\r\n                    <v-card-actions>\r\n                        <v-container >\r\n                            <v-row dense>\r\n                                <v-col cols=\"12\">\r\n                                    Geen voertuig toevoegen?\r\n                                    <span class=\"link\" @click=\"cancel()\"> \r\n                                        Annuleer.\r\n                                    </span>\r\n                                </v-col>\r\n                            </v-row>\r\n                        </v-container>\r\n                    </v-card-actions>\r\n                </v-row>\r\n            </div>\r\n            <div v-if=\"isOrderForm\">\r\n                <v-btn color=\"primary\" block class=\"mt-3\"\r\n                    @click=\"saveCar()\">\r\n                    Rond bestelling af\r\n                </v-btn>\r\n                <v-row class=\"justify-center text-center\" no-gutters>\r\n                    <v-card-actions>\r\n                        <v-container>\r\n                            <v-row dense>\r\n                                    <v-col cols=\"12\">\r\n                                    Foutje gemaakt?\r\n                                    <span class=\"link\" @click=\"cancel()\">Ga terug.</span>\r\n                                </v-col>\r\n                            </v-row>\r\n                        </v-container>\r\n                    </v-card-actions>\r\n                </v-row>\r\n            </div>\r\n            \r\n        </div>\r\n    </v-expand-transition>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport DataMixin from \"@/mixins/data.mixin\";\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\nimport GlobalMixin from \"@/mixins/global.mixin\";\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\nimport FuelTypeDropdown from \"@/components/common/options/FuelTypeDropdown\";\r\nimport VehicleTypeDropdown from \"@/components/common/options/VehicleTypeDropdown\";\r\nimport VehicleMakeDropdown from \"@/components/common/options/VehicleMakeDropdown\";\r\n\r\nexport default {\r\n    name: 'CarForm',\r\n    components: \r\n    {\r\n        FuelTypeDropdown,\r\n        VehicleTypeDropdown,\r\n        VehicleMakeDropdown\r\n    },\r\n    data () {\r\n        return {\r\n            showOptions: false,\r\n            intro: \"Pas hieronder de gegevens van uw voertuig aan en druk op opslaan wanneer u klaar bent.\",\r\n            txt_vehicleType: 0,\r\n            txt_licensePlate: \"\", \r\n            txt_merk: null, \r\n            txt_model: \"\",\r\n            txt_year: null,\r\n            txt_engineCapacity: null,\r\n            txt_cylinders: null,\r\n            txt_power: null,\r\n            txt_fuelType: null, //default\r\n            valid: true,\r\n            formName: 'car-form'\r\n        }\r\n    },\r\n    props: \r\n    {\r\n        index: Number,\r\n        vehicleType: Number,\r\n        licensePlate: String,\r\n        make: Number,\r\n        model: String,\r\n        year: Number,\r\n        engineCapacity: Number,\r\n        cylinders: Number,\r\n        power: Number,\r\n        fuelType: Number,\r\n        id: String,\r\n        isActive: Boolean,\r\n        isNew: Boolean,\r\n        isOrderForm: Boolean\r\n    },\r\n    mixins: [DataMixin, FormatMixin, GlobalMixin, MenuHelperMixin],\r\n    watch: {\r\n        isActive: 'setInitial',\r\n        txt_licensePlate: function (val) {\r\n            this.txt_licensePlate = val.toUpperCase();\r\n        },\r\n    },\r\n    computed: {\r\n        ...mapState({\r\n            fuelTypes: state => state.menuHelper.fuelTypes\r\n        }),\r\n    },\r\n    methods: {\r\n        onFuelTypeChanged(event){\r\n            this.txt_fuelType = event;\r\n        },\r\n        onLicensePlateEnter()\r\n        {\r\n            if(!this.txt_licensePlate || this.txt_licensePlate == null || this.txt_licensePlate.trim() == \"\") return;\r\n\r\n            this.$store.dispatch('vehicleModule/getLicenseplateInformation', this.txt_licensePlate.replaceAll('-', ''))\r\n            .then(data => {\r\n                this.txt_vehicleType = data.vehicleType;\r\n                this.txt_merk = data.make;\r\n                this.txt_model = data.model;\r\n                this.txt_year = data.year;\r\n                this.txt_engineCapacity = data.engineCapacity;\r\n                this.txt_cylinders = data.cylinders;\r\n                this.txt_power = data.power;\r\n                this.txt_fuelType = data.fuelType;\r\n            })\r\n            .catch(error => {\r\n                this.$store.commit('dialog/showDialog', error);\r\n            });\r\n        },\r\n        setInitial()\r\n        {\r\n            if (!this.isActive)\r\n            {\r\n                return;\r\n            }\r\n\r\n            this.showOptions = false;\r\n            this.txt_vehicleType = this.vehicleType;\r\n            this.txt_licensePlate = this.licensePlate;\r\n            this.txt_merk = this.make;\r\n            this.txt_model = this.model;\r\n            this.txt_year = this.year;\r\n            this.txt_engineCapacity = this.engineCapacity;\r\n            this.txt_cylinders = this.cylinders;\r\n            this.txt_power = this.power;\r\n            this.txt_fuelType = this.fuelType;\r\n        },\r\n        saveCar()\r\n        {\r\n            \r\n            const valid = this.$refs.form.validate()\r\n            if (valid)\r\n            {\r\n                let request =  { \r\n                            vehicleType: this.txt_vehicleType,\r\n                            licensePlate: this.txt_licensePlate, \r\n                            make: this.txt_merk,\r\n                            model: this.txt_model,\r\n                            year: this.txt_year,\r\n                            engineCapacity: this.txt_engineCapacity ? this.txt_engineCapacity : 0,\r\n                            cylinders: this.txt_cylinders ? this.txt_cylinders : 0,\r\n                            power: this.txt_power ? this.txt_power : 0,\r\n                            fuelType: this.txt_fuelType,\r\n                };\r\n                if(this.isNew)\r\n                {\r\n                    this.$emit('create', this.index, request);\r\n                }\r\n                else\r\n                {\r\n                    request.id = this.id;\r\n                    this.$emit('update',  this.index, request);\r\n                }\r\n            }\r\n        },\r\n        cancel()\r\n        {\r\n            this.$emit('cancel', this.index);\r\n        },\r\n    },\r\n}\r\n</script>\r\n\r\n<style>\r\n.new-planning .v-expansion-panel-content__wrap\r\n{\r\n    padding: 0px;\r\n    background: #181717;\r\n}\r\n\r\n.hide\r\n{\r\n    visibility: hidden !important;\r\n    opacity: 0 !important;\r\n    height: 0 !important;\r\n    overflow: hidden;\r\n    transition: height 0ms 400ms, opacity 400ms 0ms !important;\r\n}\r\n\r\n.new-planning .add-planning\r\n{\r\n    visibility: visible;\r\n    opacity:1;\r\n    height: auto;\r\n    transition: height 0ms 0ms, opacity 600ms 0ms;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CarForm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CarForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CarForm.vue?vue&type=template&id=7185c642&\"\nimport script from \"./CarForm.vue?vue&type=script&lang=js&\"\nexport * from \"./CarForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CarForm.vue?vue&type=style&index=0&id=7185c642&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var uncurryThis = require('../internals/function-uncurry-this');\nvar toObject = require('../internals/to-object');\n\nvar floor = Math.floor;\nvar charAt = uncurryThis(''.charAt);\nvar replace = uncurryThis(''.replace);\nvar stringSlice = uncurryThis(''.slice);\nvar SUBSTITUTION_SYMBOLS = /\\$([$&'`]|\\d{1,2}|<[^>]*>)/g;\nvar SUBSTITUTION_SYMBOLS_NO_NAMED = /\\$([$&'`]|\\d{1,2})/g;\n\n// `GetSubstitution` abstract operation\n// https://tc39.es/ecma262/#sec-getsubstitution\nmodule.exports = function (matched, str, position, captures, namedCaptures, replacement) {\n  var tailPos = position + matched.length;\n  var m = captures.length;\n  var symbols = SUBSTITUTION_SYMBOLS_NO_NAMED;\n  if (namedCaptures !== undefined) {\n    namedCaptures = toObject(namedCaptures);\n    symbols = SUBSTITUTION_SYMBOLS;\n  }\n  return replace(replacement, symbols, function (match, ch) {\n    var capture;\n    switch (charAt(ch, 0)) {\n      case '$': return '$';\n      case '&': return matched;\n      case '`': return stringSlice(str, 0, position);\n      case \"'\": return stringSlice(str, tailPos);\n      case '<':\n        capture = namedCaptures[stringSlice(ch, 1, -1)];\n        break;\n      default: // \\d\\d?\n        var n = +ch;\n        if (n === 0) return match;\n        if (n > m) {\n          var f = floor(n / 10);\n          if (f === 0) return match;\n          if (f <= m) return captures[f - 1] === undefined ? charAt(ch, 1) : captures[f - 1] + charAt(ch, 1);\n          return match;\n        }\n        capture = captures[n - 1];\n    }\n    return capture === undefined ? '' : capture;\n  });\n};\n","module.exports = __webpack_public_path__ + \"img/delete.2f9571b0.svg\";","export default {\r\n    data: function() {\r\n        return {\r\n            decimalSeparator: \",\",\r\n            numbers: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9']\r\n        }\r\n    },\r\n    methods: \r\n    {\r\n        array_move(arr, old_index, new_index)\r\n        {\r\n            arr.splice(new_index, 0, arr.splice(old_index, 1)[0]);\r\n            return arr;\r\n        },\r\n        isNumber(evt)\r\n        {\r\n            if(evt == undefined) return;\r\n\r\n            const keyPressed = evt.key;\r\n            if (!this.numbers.includes(keyPressed)) {\r\n                evt.preventDefault();\r\n            }\r\n        },\r\n        isNonNumeric(evt)\r\n        {\r\n            if(evt == undefined) return;\r\n\r\n            const keyPressed = evt.key;\r\n            if(this.numbers.includes(keyPressed))\r\n            {\r\n                evt.preventDefault();\r\n            }\r\n        },\r\n        isPhoneNumberKey(evt)\r\n        {\r\n            if(evt == undefined) return;\r\n\r\n            const allowedChars = [\"+\", \" \"];\r\n            const keyPressed = evt.key;\r\n            if(!this.numbers.includes(keyPressed) && !allowedChars.includes(keyPressed))\r\n            {\r\n                evt.preventDefault();\r\n            }\r\n        },\r\n        isCurrency(currentText, evt)\r\n        {\r\n            let numbers = [...this.numbers];\r\n            const separator = [this.decimalSeparator, '.'];\r\n\r\n            let keysAllowed = numbers.concat(separator);\r\n            const keyPressed = evt.key;\r\n            \r\n            // separator should only occur once\r\n            const replacedKey = evt.key.replace('.', this.decimalSeparator);\r\n            if (separator.includes(replacedKey) && currentText.includes(replacedKey))\r\n            {\r\n                evt.preventDefault();\r\n                return;\r\n            }\r\n\r\n            if(!keysAllowed.includes(keyPressed))\r\n            {\r\n                evt.preventDefault();\r\n                return;\r\n            }\r\n        },\r\n\r\n        // text fields\r\n        getNextElement(event, formName, nextElement)\r\n        {\r\n            const item = event.currentTarget.closest(`.${formName}`);\r\n            if (item)\r\n            {\r\n                const next = item.querySelector(`.${nextElement} input`)\r\n\r\n                if (next)\r\n                {\r\n                    next.focus();\r\n                }\r\n                \r\n            }\r\n        },\r\n    }\r\n}","var isObject = require('../internals/is-object');\nvar classof = require('../internals/classof-raw');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar MATCH = wellKnownSymbol('match');\n\n// `IsRegExp` abstract operation\n// https://tc39.es/ecma262/#sec-isregexp\nmodule.exports = function (it) {\n  var isRegExp;\n  return isObject(it) && ((isRegExp = it[MATCH]) !== undefined ? !!isRegExp : classof(it) == 'RegExp');\n};\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadingIcon.vue?vue&type=style&index=0&id=4cf14fb6&prod&lang=css&\"","// Components\nimport VInput from '../VInput/VInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { VNode } from 'vue'\n\ntype ErrorBag = Record<number, boolean>\ntype VInputInstance = InstanceType<typeof VInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\n/* @vue/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide (): object {\n    return { form: this }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean,\n  },\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (val) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    watchInput (input: any): Watchers {\n      const watcher = (input: any): (() => void) => {\n        return input.$watch('hasError', (val: boolean) => {\n          this.$set(this.errorBag, input._uid, val)\n        }, { immediate: true })\n      }\n\n      const watchers: Watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', (val: boolean) => {\n          if (!val) return\n\n          // Only watch if we're not already doing it\n          if (this.errorBag.hasOwnProperty(input._uid)) return\n\n          watchers.valid = watcher(input)\n        })\n      } else {\n        watchers.valid = watcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (): boolean {\n      return this.inputs.filter(input => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (): void {\n      this.inputs.forEach(input => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag () {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation () {\n      this.inputs.forEach(input => input.resetValidation())\n      this.resetErrorBag()\n    },\n    register (input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n    unregister (input: VInputInstance) {\n      const found = this.inputs.find(i => i._uid === input._uid)\n\n      if (!found) return\n\n      const unwatch = this.watchers.find(i => i._uid === found._uid)\n      if (unwatch) {\n        unwatch.valid()\n        unwatch.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid)\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid)\n      this.$delete(this.errorBag, found._uid)\n    },\n  },\n\n  render (h): VNode {\n    return h('form', {\n      staticClass: 'v-form',\n      attrs: {\n        novalidate: true,\n        ...this.attrs$,\n      },\n      on: {\n        submit: (e: Event) => this.$emit('submit', e),\n      },\n    }, this.$slots.default)\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-autocomplete',{ref:\"vehiclemake\",staticClass:\"vehiclemake\",attrs:{\"items\":_vm.vehicleMakes,\"item-text\":\"item2\",\"item-value\":\"item1\",\"rules\":[_vm.rules.required],\"required\":\"\",\"auto-select-first\":\"\",\"placeholder\":\"Kies Merk*\",\"return-object\":\"\",\"dense\":\"\"},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onKeyEnter($event)}},model:{value:(_vm.txt_vehicleMake),callback:function ($$v) {_vm.txt_vehicleMake=$$v},expression:\"txt_vehicleMake\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <v-autocomplete\r\n            class=\"vehiclemake\"\r\n            ref=\"vehiclemake\"\r\n            v-model=\"txt_vehicleMake\"\r\n            :items=\"vehicleMakes\"\r\n            item-text=\"item2\"\r\n            item-value=\"item1\"\r\n            :rules=\"[rules.required]\"\r\n            required\r\n            auto-select-first\r\n            placeholder=\"Kies Merk*\"\r\n            return-object\r\n            @keyup.native.enter=\"onKeyEnter($event)\"\r\n            dense>\r\n        </v-autocomplete>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport DataMixin from '@/mixins/data.mixin';\r\nexport default {\r\n    name: 'VehicleMakeDropdown',\r\n    props: \r\n    {\r\n        vehicleMake: Number\r\n    },\r\n    mixins: [DataMixin],\r\n    beforeMount()\r\n    {\r\n        this.updateVehicleMakeValue();\r\n    },\r\n    mounted () {\r\n        let inputField = this.$refs.vehiclemake.$refs.input\r\n        inputField.addEventListener('focus', this.onFocus, true)\r\n    },\r\n    data() {\r\n        return {\r\n            txt_vehicleMake: null,\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapState({\r\n            vehicleMakes: state => state.menuHelper.vehicleMakes\r\n        })\r\n    },\r\n    watch: {\r\n        vehicleMake: 'updateVehicleMakeValue',\r\n        txt_vehicleMake: 'onValueChanged'\r\n    },\r\n    methods:\r\n    {\r\n        onFocus() {\r\n            this.$refs.vehiclemake.isMenuActive = true;\r\n        },\r\n        onKeyEnter(event) {\r\n\r\n            if (this.$refs.vehiclemake.isMenuActive) return;\r\n\r\n            this.$emit('onKeyEnter', event);\r\n        },\r\n        onValueChanged() {\r\n            if (this.txt_vehicleMake == null) return;\r\n\r\n            this.$emit('changed', this.txt_vehicleMake.item1);\r\n        },\r\n        updateVehicleMakeValue() {\r\n            if(this.vehicleMake != null)\r\n            {\r\n                this.txt_vehicleMake = this.vehicleMakes.find(x => x.item1 == this.vehicleMake);\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VehicleMakeDropdown.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VehicleMakeDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VehicleMakeDropdown.vue?vue&type=template&id=6e92e9f4&\"\nimport script from \"./VehicleMakeDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./VehicleMakeDropdown.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CarForm.vue?vue&type=style&index=0&id=7185c642&prod&lang=css&\"","'use strict';\nvar $ = require('../internals/export');\nvar call = require('../internals/function-call');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar isCallable = require('../internals/is-callable');\nvar isNullOrUndefined = require('../internals/is-null-or-undefined');\nvar isRegExp = require('../internals/is-regexp');\nvar toString = require('../internals/to-string');\nvar getMethod = require('../internals/get-method');\nvar getRegExpFlags = require('../internals/regexp-get-flags');\nvar getSubstitution = require('../internals/get-substitution');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\nvar IS_PURE = require('../internals/is-pure');\n\nvar REPLACE = wellKnownSymbol('replace');\nvar $TypeError = TypeError;\nvar indexOf = uncurryThis(''.indexOf);\nvar replace = uncurryThis(''.replace);\nvar stringSlice = uncurryThis(''.slice);\nvar max = Math.max;\n\nvar stringIndexOf = function (string, searchValue, fromIndex) {\n  if (fromIndex > string.length) return -1;\n  if (searchValue === '') return fromIndex;\n  return indexOf(string, searchValue, fromIndex);\n};\n\n// `String.prototype.replaceAll` method\n// https://tc39.es/ecma262/#sec-string.prototype.replaceall\n$({ target: 'String', proto: true }, {\n  replaceAll: function replaceAll(searchValue, replaceValue) {\n    var O = requireObjectCoercible(this);\n    var IS_REG_EXP, flags, replacer, string, searchString, functionalReplace, searchLength, advanceBy, replacement;\n    var position = 0;\n    var endOfLastMatch = 0;\n    var result = '';\n    if (!isNullOrUndefined(searchValue)) {\n      IS_REG_EXP = isRegExp(searchValue);\n      if (IS_REG_EXP) {\n        flags = toString(requireObjectCoercible(getRegExpFlags(searchValue)));\n        if (!~indexOf(flags, 'g')) throw $TypeError('`.replaceAll` does not allow non-global regexes');\n      }\n      replacer = getMethod(searchValue, REPLACE);\n      if (replacer) {\n        return call(replacer, searchValue, O, replaceValue);\n      } else if (IS_PURE && IS_REG_EXP) {\n        return replace(toString(O), searchValue, replaceValue);\n      }\n    }\n    string = toString(O);\n    searchString = toString(searchValue);\n    functionalReplace = isCallable(replaceValue);\n    if (!functionalReplace) replaceValue = toString(replaceValue);\n    searchLength = searchString.length;\n    advanceBy = max(1, searchLength);\n    position = stringIndexOf(string, searchString, 0);\n    while (position !== -1) {\n      replacement = functionalReplace\n        ? toString(replaceValue(searchString, position, string))\n        : getSubstitution(searchString, string, position, [], undefined, replaceValue);\n      result += stringSlice(string, endOfLastMatch, position) + replacement;\n      endOfLastMatch = position + searchLength;\n      position = stringIndexOf(string, searchString, position + advanceBy);\n    }\n    if (endOfLastMatch < string.length) {\n      result += stringSlice(string, endOfLastMatch);\n    }\n    return result;\n  }\n});\n","var call = require('../internals/function-call');\nvar hasOwn = require('../internals/has-own-property');\nvar isPrototypeOf = require('../internals/object-is-prototype-of');\nvar regExpFlags = require('../internals/regexp-flags');\n\nvar RegExpPrototype = RegExp.prototype;\n\nmodule.exports = function (R) {\n  var flags = R.flags;\n  return flags === undefined && !('flags' in RegExpPrototype) && !hasOwn(R, 'flags') && isPrototypeOf(RegExpPrototype, R)\n    ? call(regExpFlags, R) : flags;\n};\n","'use strict';\nvar anObject = require('../internals/an-object');\n\n// `RegExp.prototype.flags` getter implementation\n// https://tc39.es/ecma262/#sec-get-regexp.prototype.flags\nmodule.exports = function () {\n  var that = anObject(this);\n  var result = '';\n  if (that.hasIndices) result += 'd';\n  if (that.global) result += 'g';\n  if (that.ignoreCase) result += 'i';\n  if (that.multiline) result += 'm';\n  if (that.dotAll) result += 's';\n  if (that.unicode) result += 'u';\n  if (that.unicodeSets) result += 'v';\n  if (that.sticky) result += 'y';\n  return result;\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-fade-transition',[(_vm.isLoading)?_c('v-overlay',{attrs:{\"absolute\":\"\",\"color\":\"#181717\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"grey lighten-5\"}})],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n     <v-fade-transition>\r\n        <v-overlay\r\n            absolute\r\n            color=\"#181717\" v-if=\"isLoading\">\r\n            <v-progress-circular\r\n                indeterminate\r\n                color=\"grey lighten-5\"\r\n            ></v-progress-circular>\r\n        </v-overlay>\r\n    </v-fade-transition>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'LoadingIcon',\r\n    props: {\r\n        isLoading: Boolean,\r\n        imgClass: String\r\n    },\r\n}\r\n</script>\r\n<style>\r\n.hoverable-img \r\n{\r\n    border-radius: 0px !important;\r\n    cursor: pointer;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadingIcon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadingIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoadingIcon.vue?vue&type=template&id=4cf14fb6&\"\nimport script from \"./LoadingIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./LoadingIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LoadingIcon.vue?vue&type=style&index=0&id=4cf14fb6&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","// Styles\nimport './VAutocomplete.sass'\n\n// Extensions\nimport VSelect, { defaultMenuProps as VSelectMenuProps } from '../VSelect/VSelect'\nimport VTextField from '../VTextField/VTextField'\n\n// Utilities\nimport mergeData from '../../util/mergeData'\nimport {\n  getObjectValueByPath,\n  getPropertyFromItem,\n  keyCodes,\n} from '../../util/helpers'\n\n// Types\nimport { PropType, VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\nconst defaultMenuProps = {\n  ...VSelectMenuProps,\n  offsetY: true,\n  offsetOverflow: true,\n  transition: false,\n}\n\n/* @vue/component */\nexport default VSelect.extend({\n  name: 'v-autocomplete',\n\n  props: {\n    autoSelectFirst: {\n      type: Boolean,\n      default: false,\n    },\n    filter: {\n      type: Function,\n      default: (item: any, queryText: string, itemText: string) => {\n        return itemText.toLocaleLowerCase().indexOf(queryText.toLocaleLowerCase()) > -1\n      },\n    } as PropValidator<(item: any, queryText: string, itemText: string) => boolean>,\n    hideNoData: Boolean,\n    menuProps: {\n      type: VSelect.options.props.menuProps.type,\n      default: () => defaultMenuProps,\n    },\n    noFilter: Boolean,\n    searchInput: {\n      type: String as PropType<string | null>,\n    },\n  },\n\n  data () {\n    return {\n      lazySearch: this.searchInput,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VSelect.options.computed.classes.call(this),\n        'v-autocomplete': true,\n        'v-autocomplete--is-selecting-index': this.selectedIndex > -1,\n      }\n    },\n    computedItems (): object[] {\n      return this.filteredItems\n    },\n    selectedValues (): object[] {\n      return this.selectedItems.map(item => this.getValue(item))\n    },\n    hasDisplayedItems (): boolean {\n      return this.hideSelected\n        ? this.filteredItems.some(item => !this.hasItem(item))\n        : this.filteredItems.length > 0\n    },\n    currentRange (): number {\n      if (this.selectedItem == null) return 0\n\n      return String(this.getText(this.selectedItem)).length\n    },\n    filteredItems (): object[] {\n      if (!this.isSearching || this.noFilter || this.internalSearch == null) return this.allItems\n\n      return this.allItems.filter(item => {\n        const value = getPropertyFromItem(item, this.itemText)\n        const text = value != null ? String(value) : ''\n\n        return this.filter(item, String(this.internalSearch), text)\n      })\n    },\n    internalSearch: {\n      get (): string | null {\n        return this.lazySearch\n      },\n      set (val: any) { // TODO: this should be `string | null` but it breaks lots of other types\n        // emit update event only when the new\n        // search value is different from previous\n        if (this.lazySearch !== val) {\n          this.lazySearch = val\n          this.$emit('update:search-input', val)\n        }\n      },\n    },\n    isAnyValueAllowed (): boolean {\n      return false\n    },\n    isDirty (): boolean {\n      return this.searchIsDirty || this.selectedItems.length > 0\n    },\n    isSearching (): boolean {\n      return (\n        this.multiple &&\n        this.searchIsDirty\n      ) || (\n        this.searchIsDirty &&\n        this.internalSearch !== this.getText(this.selectedItem)\n      )\n    },\n    menuCanShow (): boolean {\n      if (!this.isFocused) return false\n\n      return this.hasDisplayedItems || !this.hideNoData\n    },\n    $_menuProps (): object {\n      const props = VSelect.options.computed.$_menuProps.call(this);\n      (props as any).contentClass = `v-autocomplete__content ${(props as any).contentClass || ''}`.trim()\n      return {\n        ...defaultMenuProps,\n        ...props,\n      }\n    },\n    searchIsDirty (): boolean {\n      return this.internalSearch != null &&\n        this.internalSearch !== ''\n    },\n    selectedItem (): any {\n      if (this.multiple) return null\n\n      return this.selectedItems.find(i => {\n        return this.valueComparator(this.getValue(i), this.getValue(this.internalValue))\n      })\n    },\n    listData () {\n      const data = VSelect.options.computed.listData.call(this) as any\n\n      data.props = {\n        ...data.props,\n        items: this.virtualizedItems,\n        noFilter: (\n          this.noFilter ||\n          !this.isSearching ||\n          !this.filteredItems.length\n        ),\n        searchInput: this.internalSearch,\n      }\n\n      return data\n    },\n  },\n\n  watch: {\n    filteredItems: 'onFilteredItemsChanged',\n    internalValue: 'setSearch',\n    isFocused (val) {\n      if (val) {\n        document.addEventListener('copy', this.onCopy)\n        this.$refs.input && this.$refs.input.select()\n      } else {\n        document.removeEventListener('copy', this.onCopy)\n        this.blur()\n        this.updateSelf()\n      }\n    },\n    isMenuActive (val) {\n      if (val || !this.hasSlot) return\n\n      this.lazySearch = null\n    },\n    items (val, oldVal) {\n      // If we are focused, the menu\n      // is not active, hide no data is enabled,\n      // and items change\n      // User is probably async loading\n      // items, try to activate the menu\n      if (\n        !(oldVal && oldVal.length) &&\n        this.hideNoData &&\n        this.isFocused &&\n        !this.isMenuActive &&\n        val.length\n      ) this.activateMenu()\n    },\n    searchInput (val: string) {\n      this.lazySearch = val\n    },\n    internalSearch: 'onInternalSearchChanged',\n    itemText: 'updateSelf',\n  },\n\n  created () {\n    this.setSearch()\n  },\n\n  destroyed () {\n    document.removeEventListener('copy', this.onCopy)\n  },\n\n  methods: {\n    onFilteredItemsChanged (val: never[], oldVal: never[]) {\n      // TODO: How is the watcher triggered\n      // for duplicate items? no idea\n      if (val === oldVal) return\n\n      if (!this.autoSelectFirst) {\n        const preSelectedItem = oldVal[this.$refs.menu.listIndex]\n\n        if (preSelectedItem) {\n          this.setMenuIndex(val.findIndex(i => i === preSelectedItem))\n        } else {\n          this.setMenuIndex(-1)\n        }\n        this.$emit('update:list-index', this.$refs.menu.listIndex)\n      }\n\n      this.$nextTick(() => {\n        if (\n          !this.internalSearch ||\n          (val.length !== 1 &&\n            !this.autoSelectFirst)\n        ) return\n\n        this.$refs.menu.getTiles()\n\n        if (this.autoSelectFirst && val.length) {\n          this.setMenuIndex(0)\n          this.$emit('update:list-index', this.$refs.menu.listIndex)\n        }\n      })\n    },\n    onInternalSearchChanged () {\n      this.updateMenuDimensions()\n    },\n    updateMenuDimensions () {\n      // Type from menuable is not making it through\n      this.isMenuActive && this.$refs.menu && this.$refs.menu.updateDimensions()\n    },\n    changeSelectedIndex (keyCode: number) {\n      // Do not allow changing of selectedIndex\n      // when search is dirty\n      if (this.searchIsDirty) return\n\n      if (this.multiple && keyCode === keyCodes.left) {\n        if (this.selectedIndex === -1) {\n          this.selectedIndex = this.selectedItems.length - 1\n        } else {\n          this.selectedIndex--\n        }\n      } else if (this.multiple && keyCode === keyCodes.right) {\n        if (this.selectedIndex >= this.selectedItems.length - 1) {\n          this.selectedIndex = -1\n        } else {\n          this.selectedIndex++\n        }\n      } else if (keyCode === keyCodes.backspace || keyCode === keyCodes.delete) {\n        this.deleteCurrentItem()\n      }\n    },\n    deleteCurrentItem () {\n      const curIndex = this.selectedIndex\n      const curItem = this.selectedItems[curIndex]\n\n      // Do nothing if input or item is disabled\n      if (\n        !this.isInteractive ||\n        this.getDisabled(curItem)\n      ) return\n\n      const lastIndex = this.selectedItems.length - 1\n\n      // Select the last item if\n      // there is no selection\n      if (\n        this.selectedIndex === -1 &&\n        lastIndex !== 0\n      ) {\n        this.selectedIndex = lastIndex\n\n        return\n      }\n\n      const length = this.selectedItems.length\n      const nextIndex = curIndex !== length - 1\n        ? curIndex\n        : curIndex - 1\n      const nextItem = this.selectedItems[nextIndex]\n\n      if (!nextItem) {\n        this.setValue(this.multiple ? [] : null)\n      } else {\n        this.selectItem(curItem)\n      }\n\n      this.selectedIndex = nextIndex\n    },\n    clearableCallback () {\n      this.internalSearch = null\n\n      VSelect.options.methods.clearableCallback.call(this)\n    },\n    genInput () {\n      const input = VTextField.options.methods.genInput.call(this)\n\n      input.data = mergeData(input.data!, {\n        attrs: {\n          'aria-activedescendant': getObjectValueByPath(this.$refs.menu, 'activeTile.id'),\n          autocomplete: getObjectValueByPath(input.data!, 'attrs.autocomplete', 'off'),\n        },\n        domProps: { value: this.internalSearch },\n      })\n\n      return input\n    },\n    genInputSlot () {\n      const slot = VSelect.options.methods.genInputSlot.call(this)\n\n      slot.data!.attrs!.role = 'combobox'\n\n      return slot\n    },\n    genSelections (): VNode | never[] {\n      return this.hasSlot || this.multiple\n        ? VSelect.options.methods.genSelections.call(this)\n        : []\n    },\n    onClick (e: MouseEvent) {\n      if (!this.isInteractive) return\n\n      this.selectedIndex > -1\n        ? (this.selectedIndex = -1)\n        : this.onFocus()\n\n      if (!this.isAppendInner(e.target)) this.activateMenu()\n    },\n    onInput (e: Event) {\n      if (\n        this.selectedIndex > -1 ||\n        !e.target\n      ) return\n\n      const target = e.target as HTMLInputElement\n      const value = target.value\n\n      // If typing and menu is not currently active\n      if (target.value) this.activateMenu()\n\n      if (!this.multiple && value === '') this.deleteCurrentItem()\n\n      this.internalSearch = value\n      this.badInput = target.validity && target.validity.badInput\n    },\n    onKeyDown (e: KeyboardEvent) {\n      const keyCode = e.keyCode\n\n      if (\n        e.ctrlKey ||\n        ![keyCodes.home, keyCodes.end].includes(keyCode)\n      ) {\n        VSelect.options.methods.onKeyDown.call(this, e)\n      }\n\n      // The ordering is important here\n      // allows new value to be updated\n      // and then moves the index to the\n      // proper location\n      this.changeSelectedIndex(keyCode)\n    },\n    onSpaceDown (e: KeyboardEvent) { /* noop */ },\n    onTabDown (e: KeyboardEvent) {\n      VSelect.options.methods.onTabDown.call(this, e)\n      this.updateSelf()\n    },\n    onUpDown (e: Event) {\n      // Prevent screen from scrolling\n      e.preventDefault()\n\n      // For autocomplete / combobox, cycling\n      // interfers with native up/down behavior\n      // instead activate the menu\n      this.activateMenu()\n    },\n    selectItem (item: object) {\n      VSelect.options.methods.selectItem.call(this, item)\n      this.setSearch()\n    },\n    setSelectedItems () {\n      VSelect.options.methods.setSelectedItems.call(this)\n\n      // #4273 Don't replace if searching\n      // #4403 Don't replace if focused\n      if (!this.isFocused) this.setSearch()\n    },\n    setSearch () {\n      // Wait for nextTick so selectedItem\n      // has had time to update\n      this.$nextTick(() => {\n        if (\n          !this.multiple ||\n          !this.internalSearch ||\n          !this.isMenuActive\n        ) {\n          this.internalSearch = (\n            !this.selectedItems.length ||\n            this.multiple ||\n            this.hasSlot\n          )\n            ? null\n            : this.getText(this.selectedItem)\n        }\n      })\n    },\n    updateSelf () {\n      if (\n        !this.searchIsDirty &&\n        !this.internalValue\n      ) return\n\n      if (\n        !this.multiple &&\n        !this.valueComparator(\n          this.internalSearch,\n          this.getValue(this.internalValue)\n        )\n      ) {\n        this.setSearch()\n      }\n    },\n    hasItem (item: any): boolean {\n      return this.selectedValues.indexOf(this.getValue(item)) > -1\n    },\n    onCopy (event: ClipboardEvent) {\n      if (this.selectedIndex === -1) return\n\n      const currentItem = this.selectedItems[this.selectedIndex]\n      const currentItemText = this.getText(currentItem)\n      event.clipboardData?.setData('text/plain', currentItemText)\n      event.clipboardData?.setData('text/vnd.vuetify.autocomplete.item+plain', currentItemText)\n      event.preventDefault()\n    },\n  },\n})\n","module.exports = __webpack_public_path__ + \"img/edit.10e04e80.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-autocomplete',{ref:\"fueltype\",staticClass:\"fueltype\",attrs:{\"items\":_vm.fuelTypes,\"item-text\":\"item2\",\"item-value\":\"item1\",\"rules\":[_vm.rules.required],\"required\":\"\",\"auto-select-first\":\"\",\"placeholder\":\"Brandstof*\",\"return-object\":\"\",\"dense\":\"\"},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onKeyEnter($event)}},model:{value:(_vm.txt_fuelType),callback:function ($$v) {_vm.txt_fuelType=$$v},expression:\"txt_fuelType\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <v-autocomplete\r\n            class=\"fueltype\"\r\n            ref=\"fueltype\"\r\n            v-model=\"txt_fuelType\"\r\n            :items=\"fuelTypes\"\r\n            item-text=\"item2\"\r\n            item-value=\"item1\"\r\n            :rules=\"[rules.required]\"\r\n            required\r\n            auto-select-first\r\n            placeholder=\"Brandstof*\"\r\n            return-object\r\n            @keyup.native.enter=\"onKeyEnter($event)\"\r\n            dense>\r\n        </v-autocomplete>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport DataMixin from \"@/mixins/data.mixin\";\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\nexport default {\r\n    name: 'FuelTypeDropdown',\r\n    props: \r\n    {\r\n        fuelType: Number\r\n    },\r\n    beforeMount()\r\n    {\r\n        this.updateFuelTypeValue();\r\n    },\r\n    mounted () {\r\n        let inputField = this.$refs.fueltype.$refs.input\r\n        inputField.addEventListener('focus', this.onFocus, true)\r\n    },\r\n    data() {\r\n        return {\r\n            txt_fuelType: null,\r\n        }\r\n    },\r\n    mixins: [DataMixin, MenuHelperMixin],\r\n    computed: {\r\n        ...mapState({\r\n            fuelTypes: state => state.menuHelper.fuelTypes\r\n        })\r\n    },\r\n    watch: {\r\n        fuelType: 'updateFuelTypeValue',\r\n        txt_fuelType: 'onValueChanged'\r\n    },\r\n    methods:\r\n    {\r\n        onFocus() {\r\n            this.$refs.fueltype.isMenuActive = true;\r\n        },\r\n        onKeyEnter(event) {\r\n\r\n            if (this.$refs.fueltype.isMenuActive) return;\r\n\r\n            this.$emit('onKeyEnter', event);\r\n        },\r\n        onValueChanged()\r\n        {\r\n            this.$emit('changed', this.txt_fuelType.item1);\r\n        },\r\n        updateFuelTypeValue()\r\n        {\r\n            if(this.fuelType != null)\r\n            {\r\n                this.txt_fuelType = this.fuelTypes.find(x => x.item1 == this.fuelType);\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FuelTypeDropdown.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FuelTypeDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FuelTypeDropdown.vue?vue&type=template&id=80554e38&\"\nimport script from \"./FuelTypeDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./FuelTypeDropdown.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}