\n
\n\n\n\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"c c-resultpage\"},[_c('div',{staticClass:\"c-resultpage__heading\"},[_c('h1',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('storinggemeld'))}})]),_vm._v(\" \"),_c('div',{staticClass:\"c c-resultpage__content\"},[_c('h3',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('meldingontvangen'))}}),_vm._v(\" \"),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('snelmogelijkcontact'))}}),_vm._v(\" \"),_c('a',{class:['btn', _vm.getButtonStyle],attrs:{\"href\":_vm.getWebsiteLink,\"title\":_vm.$tr('naarwebsite')}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('naarwebsite'))}}),_vm._v(\" \"),_c('i',{staticClass:\"fal fa-arrow-right\"})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","function toReadableModelNumber(modelNumber) {\n let res = '';\n if (modelNumber != null) {\n for (let i = 0; i < modelNumber.length; i++) {\n if (modelNumber[i] !== '/') {\n res += modelNumber[i];\n } else {\n break;\n }\n }\n }\n return res;\n}\n\nfunction toReadableArticleNumber(articleNumber) {\n let res = '';\n if (articleNumber != null) {\n for (let i = 0; i < articleNumber.length; i++) {\n if (articleNumber[i] === '0' && res.length === 0) {\n continue;\n } else {\n res += articleNumber[i];\n }\n }\n }\n return res;\n}\n\nexport default { toReadableModelNumber, toReadableArticleNumber };\n","export function isDate(value) {\n return value instanceof Date || Object.prototype.toString.call(value) === '[object Date]';\n}\nexport function toDate(value) {\n if (isDate(value)) {\n return new Date(value.getTime());\n }\n\n if (value == null) {\n return new Date(NaN);\n }\n\n return new Date(value);\n}\nexport function isValidDate(value) {\n return isDate(value) && !isNaN(value.getTime());\n}\nexport function startOfWeek(value) {\n var firstDayOfWeek = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n if (!(firstDayOfWeek >= 0 && firstDayOfWeek <= 6)) {\n throw new RangeError('weekStartsOn must be between 0 and 6');\n }\n\n var date = toDate(value);\n var day = date.getDay();\n var diff = (day + 7 - firstDayOfWeek) % 7;\n date.setDate(date.getDate() - diff);\n date.setHours(0, 0, 0, 0);\n return date;\n}\nexport function startOfWeekYear(value) {\n var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n _ref$firstDayOfWeek = _ref.firstDayOfWeek,\n firstDayOfWeek = _ref$firstDayOfWeek === void 0 ? 0 : _ref$firstDayOfWeek,\n _ref$firstWeekContain = _ref.firstWeekContainsDate,\n firstWeekContainsDate = _ref$firstWeekContain === void 0 ? 1 : _ref$firstWeekContain;\n\n if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {\n throw new RangeError('firstWeekContainsDate must be between 1 and 7');\n }\n\n var date = toDate(value);\n var year = date.getFullYear();\n var firstDateOfFirstWeek = new Date(0);\n\n for (var i = year + 1; i >= year - 1; i--) {\n firstDateOfFirstWeek.setFullYear(i, 0, firstWeekContainsDate);\n firstDateOfFirstWeek.setHours(0, 0, 0, 0);\n firstDateOfFirstWeek = startOfWeek(firstDateOfFirstWeek, firstDayOfWeek);\n\n if (date.getTime() >= firstDateOfFirstWeek.getTime()) {\n break;\n }\n }\n\n return firstDateOfFirstWeek;\n}\nexport function getWeek(value) {\n var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n _ref2$firstDayOfWeek = _ref2.firstDayOfWeek,\n firstDayOfWeek = _ref2$firstDayOfWeek === void 0 ? 0 : _ref2$firstDayOfWeek,\n _ref2$firstWeekContai = _ref2.firstWeekContainsDate,\n firstWeekContainsDate = _ref2$firstWeekContai === void 0 ? 1 : _ref2$firstWeekContai;\n\n var date = toDate(value);\n var firstDateOfThisWeek = startOfWeek(date, firstDayOfWeek);\n var firstDateOfFirstWeek = startOfWeekYear(date, {\n firstDayOfWeek: firstDayOfWeek,\n firstWeekContainsDate: firstWeekContainsDate\n });\n var diff = firstDateOfThisWeek.getTime() - firstDateOfFirstWeek.getTime();\n return Math.round(diff / (7 * 24 * 3600 * 1000)) + 1;\n}","var locale = {\n months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n weekdaysMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],\n firstDayOfWeek: 0,\n firstWeekContainsDate: 1\n};\nexport default locale;","import { toDate, isValidDate, getWeek } from './util';\nimport defaultLocale from './locale/en';\nvar REGEX_FORMAT = /\\[([^\\]]+)]|YYYY|YY?|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|m{1,2}|s{1,2}|Z{1,2}|S{1,3}|w{1,2}|x|X|a|A/g;\n\nfunction pad(val) {\n var len = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;\n var output = \"\".concat(Math.abs(val));\n var sign = val < 0 ? '-' : '';\n\n while (output.length < len) {\n output = \"0\".concat(output);\n }\n\n return sign + output;\n}\n\nfunction getOffset(date) {\n return Math.round(date.getTimezoneOffset() / 15) * 15;\n}\n\nfunction formatTimezone(offset) {\n var delimeter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n var sign = offset > 0 ? '-' : '+';\n var absOffset = Math.abs(offset);\n var hours = Math.floor(absOffset / 60);\n var minutes = absOffset % 60;\n return sign + pad(hours, 2) + delimeter + pad(minutes, 2);\n}\n\nvar meridiem = function meridiem(h, _, isLowercase) {\n var word = h < 12 ? 'AM' : 'PM';\n return isLowercase ? word.toLocaleLowerCase() : word;\n};\n\nvar formatFlags = {\n Y: function Y(date) {\n var y = date.getFullYear();\n return y <= 9999 ? \"\".concat(y) : \"+\".concat(y);\n },\n // Year: 00, 01, ..., 99\n YY: function YY(date) {\n return pad(date.getFullYear(), 4).substr(2);\n },\n // Year: 1900, 1901, ..., 2099\n YYYY: function YYYY(date) {\n return pad(date.getFullYear(), 4);\n },\n // Month: 1, 2, ..., 12\n M: function M(date) {\n return date.getMonth() + 1;\n },\n // Month: 01, 02, ..., 12\n MM: function MM(date) {\n return pad(date.getMonth() + 1, 2);\n },\n MMM: function MMM(date, locale) {\n return locale.monthsShort[date.getMonth()];\n },\n MMMM: function MMMM(date, locale) {\n return locale.months[date.getMonth()];\n },\n // Day of month: 1, 2, ..., 31\n D: function D(date) {\n return date.getDate();\n },\n // Day of month: 01, 02, ..., 31\n DD: function DD(date) {\n return pad(date.getDate(), 2);\n },\n // Hour: 0, 1, ... 23\n H: function H(date) {\n return date.getHours();\n },\n // Hour: 00, 01, ..., 23\n HH: function HH(date) {\n return pad(date.getHours(), 2);\n },\n // Hour: 1, 2, ..., 12\n h: function h(date) {\n var hours = date.getHours();\n\n if (hours === 0) {\n return 12;\n }\n\n if (hours > 12) {\n return hours % 12;\n }\n\n return hours;\n },\n // Hour: 01, 02, ..., 12\n hh: function hh() {\n var hours = formatFlags.h.apply(formatFlags, arguments);\n return pad(hours, 2);\n },\n // Minute: 0, 1, ..., 59\n m: function m(date) {\n return date.getMinutes();\n },\n // Minute: 00, 01, ..., 59\n mm: function mm(date) {\n return pad(date.getMinutes(), 2);\n },\n // Second: 0, 1, ..., 59\n s: function s(date) {\n return date.getSeconds();\n },\n // Second: 00, 01, ..., 59\n ss: function ss(date) {\n return pad(date.getSeconds(), 2);\n },\n // 1/10 of second: 0, 1, ..., 9\n S: function S(date) {\n return Math.floor(date.getMilliseconds() / 100);\n },\n // 1/100 of second: 00, 01, ..., 99\n SS: function SS(date) {\n return pad(Math.floor(date.getMilliseconds() / 10), 2);\n },\n // Millisecond: 000, 001, ..., 999\n SSS: function SSS(date) {\n return pad(date.getMilliseconds(), 3);\n },\n // Day of week: 0, 1, ..., 6\n d: function d(date) {\n return date.getDay();\n },\n // Day of week: 'Su', 'Mo', ..., 'Sa'\n dd: function dd(date, locale) {\n return locale.weekdaysMin[date.getDay()];\n },\n // Day of week: 'Sun', 'Mon',..., 'Sat'\n ddd: function ddd(date, locale) {\n return locale.weekdaysShort[date.getDay()];\n },\n // Day of week: 'Sunday', 'Monday', ...,'Saturday'\n dddd: function dddd(date, locale) {\n return locale.weekdays[date.getDay()];\n },\n // AM, PM\n A: function A(date, locale) {\n var meridiemFunc = locale.meridiem || meridiem;\n return meridiemFunc(date.getHours(), date.getMinutes(), false);\n },\n // am, pm\n a: function a(date, locale) {\n var meridiemFunc = locale.meridiem || meridiem;\n return meridiemFunc(date.getHours(), date.getMinutes(), true);\n },\n // Timezone: -01:00, +00:00, ... +12:00\n Z: function Z(date) {\n return formatTimezone(getOffset(date), ':');\n },\n // Timezone: -0100, +0000, ... +1200\n ZZ: function ZZ(date) {\n return formatTimezone(getOffset(date));\n },\n // Seconds timestamp: 512969520\n X: function X(date) {\n return Math.floor(date.getTime() / 1000);\n },\n // Milliseconds timestamp: 512969520900\n x: function x(date) {\n return date.getTime();\n },\n w: function w(date, locale) {\n return getWeek(date, {\n firstDayOfWeek: locale.firstDayOfWeek,\n firstWeekContainsDate: locale.firstWeekContainsDate\n });\n },\n ww: function ww(date, locale) {\n return pad(formatFlags.w(date, locale), 2);\n }\n};\nexport function format(val, str) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var formatStr = str ? String(str) : 'YYYY-MM-DDTHH:mm:ss.SSSZ';\n var date = toDate(val);\n\n if (!isValidDate(date)) {\n return 'Invalid Date';\n }\n\n var locale = options.locale || defaultLocale;\n return formatStr.replace(REGEX_FORMAT, function (match, p1) {\n if (p1) {\n return p1;\n }\n\n if (typeof formatFlags[match] === 'function') {\n return \"\".concat(formatFlags[match](date, locale));\n }\n\n return match;\n });\n}","function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance\"); }\n\nfunction _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport defaultLocale from './locale/en';\nimport { startOfWeekYear } from './util';\nvar formattingTokens = /(\\[[^\\[]*\\])|(MM?M?M?|Do|DD?|ddd?d?|w[o|w]?|YYYY|YY|a|A|hh?|HH?|mm?|ss?|S{1,3}|x|X|ZZ?|.)/g;\nvar match1 = /\\d/; // 0 - 9\n\nvar match2 = /\\d\\d/; // 00 - 99\n\nvar match3 = /\\d{3}/; // 000 - 999\n\nvar match4 = /\\d{4}/; // 0000 - 9999\n\nvar match1to2 = /\\d\\d?/; // 0 - 99\n\nvar matchShortOffset = /[+-]\\d\\d:?\\d\\d/; // +00:00 -00:00 +0000 or -0000\n\nvar matchSigned = /[+-]?\\d+/; // -inf - inf\n\nvar matchTimestamp = /[+-]?\\d+(\\.\\d{1,3})?/; // 123456789 123456789.123\n// const matchWord = /[0-9]{0,256}['a-z\\u00A0-\\u05FF\\u0700-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFF07\\uFF10-\\uFFEF]{1,256}|[\\u0600-\\u06FF\\/]{1,256}(\\s*?[\\u0600-\\u06FF]{1,256}){1,2}/i; // Word\n\nvar YEAR = 'year';\nvar MONTH = 'month';\nvar DAY = 'day';\nvar HOUR = 'hour';\nvar MINUTE = 'minute';\nvar SECOND = 'second';\nvar MILLISECOND = 'millisecond';\nvar parseFlags = {};\n\nvar addParseFlag = function addParseFlag(token, regex, callback) {\n var tokens = Array.isArray(token) ? token : [token];\n var func;\n\n if (typeof callback === 'string') {\n func = function func(input) {\n var value = parseInt(input, 10);\n return _defineProperty({}, callback, value);\n };\n } else {\n func = callback;\n }\n\n tokens.forEach(function (key) {\n parseFlags[key] = [regex, func];\n });\n};\n\nvar escapeStringRegExp = function escapeStringRegExp(str) {\n return str.replace(/[|\\\\{}()[\\]^$+*?.]/g, '\\\\$&');\n};\n\nvar matchWordRegExp = function matchWordRegExp(localeKey) {\n return function (locale) {\n var array = locale[localeKey];\n\n if (!Array.isArray(array)) {\n throw new Error(\"Locale[\".concat(localeKey, \"] need an array\"));\n }\n\n return new RegExp(array.map(escapeStringRegExp).join('|'));\n };\n};\n\nvar matchWordCallback = function matchWordCallback(localeKey, key) {\n return function (input, locale) {\n var array = locale[localeKey];\n\n if (!Array.isArray(array)) {\n throw new Error(\"Locale[\".concat(localeKey, \"] need an array\"));\n }\n\n var index = array.indexOf(input);\n\n if (index < 0) {\n throw new Error('Invalid Word');\n }\n\n return _defineProperty({}, key, index);\n };\n};\n\naddParseFlag('Y', matchSigned, YEAR);\naddParseFlag('YY', match2, function (input) {\n var year = new Date().getFullYear();\n var cent = Math.floor(year / 100);\n var value = parseInt(input, 10);\n value = (value > 68 ? cent - 1 : cent) * 100 + value;\n return _defineProperty({}, YEAR, value);\n});\naddParseFlag('YYYY', match4, YEAR);\naddParseFlag('M', match1to2, function (input) {\n return _defineProperty({}, MONTH, parseInt(input, 10) - 1);\n});\naddParseFlag('MM', match2, function (input) {\n return _defineProperty({}, MONTH, parseInt(input, 10) - 1);\n});\naddParseFlag('MMM', matchWordRegExp('monthsShort'), matchWordCallback('monthsShort', MONTH));\naddParseFlag('MMMM', matchWordRegExp('months'), matchWordCallback('months', MONTH));\naddParseFlag('D', match1to2, DAY);\naddParseFlag('DD', match2, DAY);\naddParseFlag(['H', 'h'], match1to2, HOUR);\naddParseFlag(['HH', 'hh'], match2, HOUR);\naddParseFlag('m', match1to2, MINUTE);\naddParseFlag('mm', match2, MINUTE);\naddParseFlag('s', match1to2, SECOND);\naddParseFlag('ss', match2, SECOND);\naddParseFlag('S', match1, function (input) {\n return _defineProperty({}, MILLISECOND, parseInt(input, 10) * 100);\n});\naddParseFlag('SS', match2, function (input) {\n return _defineProperty({}, MILLISECOND, parseInt(input, 10) * 10);\n});\naddParseFlag('SSS', match3, MILLISECOND);\n\nfunction matchMeridiem(locale) {\n return locale.meridiemParse || /[ap]\\.?m?\\.?/i;\n}\n\nfunction defaultIsPM(input) {\n return \"\".concat(input).toLowerCase().charAt(0) === 'p';\n}\n\naddParseFlag(['A', 'a'], matchMeridiem, function (input, locale) {\n var isPM = typeof locale.isPM === 'function' ? locale.isPM(input) : defaultIsPM(input);\n return {\n isPM: isPM\n };\n});\n\nfunction offsetFromString(str) {\n var _ref8 = str.match(/([+-]|\\d\\d)/g) || ['-', '0', '0'],\n _ref9 = _slicedToArray(_ref8, 3),\n symbol = _ref9[0],\n hour = _ref9[1],\n minute = _ref9[2];\n\n var minutes = parseInt(hour, 10) * 60 + parseInt(minute, 10);\n\n if (minutes === 0) {\n return 0;\n }\n\n return symbol === '+' ? -minutes : +minutes;\n}\n\naddParseFlag(['Z', 'ZZ'], matchShortOffset, function (input) {\n return {\n offset: offsetFromString(input)\n };\n});\naddParseFlag('x', matchSigned, function (input) {\n return {\n date: new Date(parseInt(input, 10))\n };\n});\naddParseFlag('X', matchTimestamp, function (input) {\n return {\n date: new Date(parseFloat(input) * 1000)\n };\n});\naddParseFlag('d', match1, 'weekday');\naddParseFlag('dd', matchWordRegExp('weekdaysMin'), matchWordCallback('weekdaysMin', 'weekday'));\naddParseFlag('ddd', matchWordRegExp('weekdaysShort'), matchWordCallback('weekdaysShort', 'weekday'));\naddParseFlag('dddd', matchWordRegExp('weekdays'), matchWordCallback('weekdays', 'weekday'));\naddParseFlag('w', match1to2, 'week');\naddParseFlag('ww', match2, 'week');\n\nfunction to24hour(hour, isPM) {\n if (hour !== undefined && isPM !== undefined) {\n if (isPM) {\n if (hour < 12) {\n return hour + 12;\n }\n } else if (hour === 12) {\n return 0;\n }\n }\n\n return hour;\n}\n\nfunction getFullInputArray(input) {\n var backupDate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new Date();\n var result = [0, 0, 1, 0, 0, 0, 0];\n var backupArr = [backupDate.getFullYear(), backupDate.getMonth(), backupDate.getDate(), backupDate.getHours(), backupDate.getMinutes(), backupDate.getSeconds(), backupDate.getMilliseconds()];\n var useBackup = true;\n\n for (var i = 0; i < 7; i++) {\n if (input[i] === undefined) {\n result[i] = useBackup ? backupArr[i] : result[i];\n } else {\n result[i] = input[i];\n useBackup = false;\n }\n }\n\n return result;\n}\n\nfunction createDate(y, m, d, h, M, s, ms) {\n var date;\n\n if (y < 100 && y >= 0) {\n date = new Date(y + 400, m, d, h, M, s, ms);\n\n if (isFinite(date.getFullYear())) {\n date.setFullYear(y);\n }\n } else {\n date = new Date(y, m, d, h, M, s, ms);\n }\n\n return date;\n}\n\nfunction createUTCDate() {\n var date;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n var y = args[0];\n\n if (y < 100 && y >= 0) {\n args[0] += 400;\n date = new Date(Date.UTC.apply(Date, args)); // eslint-disable-next-line no-restricted-globals\n\n if (isFinite(date.getUTCFullYear())) {\n date.setUTCFullYear(y);\n }\n } else {\n date = new Date(Date.UTC.apply(Date, args));\n }\n\n return date;\n}\n\nfunction makeParser(dateString, format, locale) {\n var tokens = format.match(formattingTokens);\n\n if (!tokens) {\n throw new Error();\n }\n\n var length = tokens.length;\n var mark = {};\n\n for (var i = 0; i < length; i += 1) {\n var token = tokens[i];\n var parseTo = parseFlags[token];\n\n if (!parseTo) {\n var word = token.replace(/^\\[|\\]$/g, '');\n\n if (dateString.indexOf(word) === 0) {\n dateString = dateString.substr(word.length);\n } else {\n throw new Error('not match');\n }\n } else {\n var regex = typeof parseTo[0] === 'function' ? parseTo[0](locale) : parseTo[0];\n var parser = parseTo[1];\n var value = (regex.exec(dateString) || [])[0];\n var obj = parser(value, locale);\n mark = _objectSpread({}, mark, {}, obj);\n dateString = dateString.replace(value, '');\n }\n }\n\n return mark;\n}\n\nexport function parse(str, format) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n\n try {\n var _options$locale = options.locale,\n _locale = _options$locale === void 0 ? defaultLocale : _options$locale,\n _options$backupDate = options.backupDate,\n backupDate = _options$backupDate === void 0 ? new Date() : _options$backupDate;\n\n var parseResult = makeParser(str, format, _locale);\n var year = parseResult.year,\n month = parseResult.month,\n day = parseResult.day,\n hour = parseResult.hour,\n minute = parseResult.minute,\n second = parseResult.second,\n millisecond = parseResult.millisecond,\n isPM = parseResult.isPM,\n date = parseResult.date,\n offset = parseResult.offset,\n weekday = parseResult.weekday,\n week = parseResult.week;\n\n if (date) {\n return date;\n }\n\n var inputArray = [year, month, day, hour, minute, second, millisecond];\n inputArray[3] = to24hour(inputArray[3], isPM); // check week\n\n if (week !== undefined && month === undefined && day === undefined) {\n // new Date(year, 3) make sure in current year\n var firstDate = startOfWeekYear(year === undefined ? backupDate : new Date(year, 3), {\n firstDayOfWeek: _locale.firstDayOfWeek,\n firstWeekContainsDate: _locale.firstWeekContainsDate\n });\n return new Date(firstDate.getTime() + (week - 1) * 7 * 24 * 3600 * 1000);\n }\n\n var parsedDate;\n var result = getFullInputArray(inputArray, backupDate);\n\n if (offset !== undefined) {\n result[6] += offset * 60 * 1000;\n parsedDate = createUTCDate.apply(void 0, _toConsumableArray(result));\n } else {\n parsedDate = createDate.apply(void 0, _toConsumableArray(result));\n } // check weekday\n\n\n if (weekday !== undefined && parsedDate.getDay() !== weekday) {\n return new Date(NaN);\n }\n\n return parsedDate;\n } catch (e) {\n return new Date(NaN);\n }\n}","import { getWeek, format, parse } from 'date-format-parse';\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function (obj) {\n return typeof obj;\n };\n } else {\n _typeof = function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n\n var target = _objectWithoutPropertiesLoose(source, excluded);\n\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}\n\nfunction _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n}\n\nfunction _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\n\nfunction _iterableToArrayLimit(arr, i) {\n if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(n);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n return arr2;\n}\n\nfunction _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nfunction _extends$1() {\n return _extends$1 = Object.assign || function (a) {\n for (var b, c = 1; c < arguments.length; c++) {\n for (var d in b = arguments[c], b) {\n Object.prototype.hasOwnProperty.call(b, d) && (a[d] = b[d]);\n }\n }\n\n return a;\n }, _extends$1.apply(this, arguments);\n}\n\nvar normalMerge = [\"attrs\", \"props\", \"domProps\"],\n toArrayMerge = [\"class\", \"style\", \"directives\"],\n functionalMerge = [\"on\", \"nativeOn\"],\n mergeJsxProps = function mergeJsxProps(a) {\n return a.reduce(function (c, a) {\n for (var b in a) {\n if (!c[b]) c[b] = a[b];else if (-1 !== normalMerge.indexOf(b)) c[b] = _extends$1({}, c[b], a[b]);else if (-1 !== toArrayMerge.indexOf(b)) {\n var d = c[b] instanceof Array ? c[b] : [c[b]],\n e = a[b] instanceof Array ? a[b] : [a[b]];\n c[b] = d.concat(e);\n } else if (-1 !== functionalMerge.indexOf(b)) {\n for (var f in a[b]) {\n if (c[b][f]) {\n var g = c[b][f] instanceof Array ? c[b][f] : [c[b][f]],\n h = a[b][f] instanceof Array ? a[b][f] : [a[b][f]];\n c[b][f] = g.concat(h);\n } else c[b][f] = a[b][f];\n }\n } else if (\"hook\" == b) for (var i in a[b]) {\n c[b][i] = c[b][i] ? mergeFn(c[b][i], a[b][i]) : a[b][i];\n } else c[b] = a[b];\n }\n\n return c;\n }, {});\n},\n mergeFn = function mergeFn(a, b) {\n return function () {\n a && a.apply(this, arguments), b && b.apply(this, arguments);\n };\n};\n\nvar helper = mergeJsxProps;\n\n// new Date(10, 0, 1) The year from 0 to 99 will be incremented by 1900 automatically.\nfunction createDate(y) {\n var M = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n var d = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n var h = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;\n var m = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;\n var s = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n var ms = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 0;\n var date = new Date(y, M, d, h, m, s, ms);\n\n if (y < 100 && y >= 0) {\n date.setFullYear(y);\n }\n\n return date;\n}\nfunction isValidDate(date) {\n return date instanceof Date && !isNaN(date);\n}\nfunction isValidRangeDate(date) {\n return Array.isArray(date) && date.length === 2 && date.every(isValidDate) && date[0] <= date[1];\n}\nfunction isValidDates(dates) {\n return Array.isArray(dates) && dates.every(isValidDate);\n}\nfunction getValidDate(value) {\n var date = new Date(value);\n\n if (isValidDate(date)) {\n return date;\n }\n\n for (var _len = arguments.length, backup = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n backup[_key - 1] = arguments[_key];\n }\n\n if (backup.length) {\n return getValidDate.apply(void 0, backup);\n }\n\n return new Date();\n}\nfunction startOfYear(value) {\n var date = new Date(value);\n date.setMonth(0, 1);\n date.setHours(0, 0, 0, 0);\n return date;\n}\nfunction startOfMonth(value) {\n var date = new Date(value);\n date.setDate(1);\n date.setHours(0, 0, 0, 0);\n return date;\n}\nfunction startOfDay(value) {\n var date = new Date(value);\n date.setHours(0, 0, 0, 0);\n return date;\n}\nfunction getCalendar(_ref) {\n var firstDayOfWeek = _ref.firstDayOfWeek,\n year = _ref.year,\n month = _ref.month;\n var arr = []; // change to the last day of the last month\n\n var calendar = createDate(year, month, 0);\n var lastDayInLastMonth = calendar.getDate(); // getDay() 0 is Sunday, 1 is Monday\n\n var firstDayInLastMonth = lastDayInLastMonth - (calendar.getDay() + 7 - firstDayOfWeek) % 7;\n\n for (var i = firstDayInLastMonth; i <= lastDayInLastMonth; i++) {\n arr.push(createDate(year, month, i - lastDayInLastMonth));\n } // change to the last day of the current month\n\n\n calendar.setMonth(month + 1, 0);\n var lastDayInCurrentMonth = calendar.getDate();\n\n for (var _i = 1; _i <= lastDayInCurrentMonth; _i++) {\n arr.push(createDate(year, month, _i));\n }\n\n var lastMonthLength = lastDayInLastMonth - firstDayInLastMonth + 1;\n var nextMonthLength = 6 * 7 - lastMonthLength - lastDayInCurrentMonth;\n\n for (var _i2 = 1; _i2 <= nextMonthLength; _i2++) {\n arr.push(createDate(year, month, lastDayInCurrentMonth + _i2));\n }\n\n return arr;\n}\nfunction setMonth(dirtyDate, dirtyMonth) {\n var date = new Date(dirtyDate);\n var month = typeof dirtyMonth === 'function' ? dirtyMonth(date.getMonth()) : Number(dirtyMonth);\n var year = date.getFullYear();\n var daysInMonth = createDate(year, month + 1, 0).getDate();\n var day = date.getDate();\n date.setMonth(month, Math.min(day, daysInMonth));\n return date;\n}\nfunction setYear(dirtyDate, dirtyYear) {\n var date = new Date(dirtyDate);\n var year = typeof dirtyYear === 'function' ? dirtyYear(date.getFullYear()) : dirtyYear;\n date.setFullYear(year);\n return date;\n}\nfunction assignTime(target, source) {\n var date = new Date(target);\n var time = new Date(source);\n date.setHours(time.getHours(), time.getMinutes(), time.getSeconds());\n return date;\n}\n\n/**\n * chunk the array\n * @param {Array} arr\n * @param {Number} size\n */\nfunction chunk(arr, size) {\n if (!Array.isArray(arr)) {\n return [];\n }\n\n var result = [];\n var len = arr.length;\n var i = 0;\n size = size || len;\n\n while (i < len) {\n result.push(arr.slice(i, i += size));\n }\n\n return result;\n}\n/**\n * isObject\n * @param {*} obj\n * @returns {Boolean}\n */\n\nfunction isObject(obj) {\n return Object.prototype.toString.call(obj) === '[object Object]';\n}\n/**\n * pick object\n * @param {Object} obj\n * @param {Array|String} props\n */\n\nfunction pick(obj, props) {\n if (!isObject(obj)) return {};\n\n if (!Array.isArray(props)) {\n props = [props];\n }\n\n var res = {};\n props.forEach(function (prop) {\n if (prop in obj) {\n res[prop] = obj[prop];\n }\n });\n return res;\n}\n/**\n * deep merge two object without merging array\n * @param {object} target\n * @param {object} source\n */\n\nfunction mergeDeep(target, source) {\n if (!isObject(target)) {\n return {};\n }\n\n var result = target;\n\n if (isObject(source)) {\n Object.keys(source).forEach(function (key) {\n var value = source[key];\n\n if (isObject(value) && isObject(target[key])) {\n value = mergeDeep(target[key], value);\n }\n\n result = _objectSpread2({}, result, _defineProperty({}, key, value));\n });\n }\n\n return result;\n}\n\nfunction unwrapExports (x) {\n\treturn x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;\n}\n\nfunction createCommonjsModule(fn, module) {\n\treturn module = { exports: {} }, fn(module, module.exports), module.exports;\n}\n\nvar en = createCommonjsModule(function (module, exports) {\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar locale = {\n months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n weekdaysMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],\n firstDayOfWeek: 0,\n firstWeekContainsDate: 1\n};\nvar _default = locale;\nexports[\"default\"] = _default;\nmodule.exports = exports.default;\n});\n\nvar en$1 = unwrapExports(en);\n\nvar lang = {\n formatLocale: en$1,\n yearFormat: 'YYYY',\n monthFormat: 'MMM',\n monthBeforeYear: true\n};\n\nvar defaultLocale = 'en';\nvar locales = {};\nlocales[defaultLocale] = lang;\nfunction locale(name, object, isLocal) {\n if (typeof name !== 'string') return locales[defaultLocale];\n var l = defaultLocale;\n\n if (locales[name]) {\n l = name;\n }\n\n if (object) {\n locales[name] = object;\n l = name;\n }\n\n if (!isLocal) {\n defaultLocale = l;\n }\n\n return locales[name] || locales[defaultLocale];\n}\n/**\n * get locale object\n * @param {string} name lang\n */\n\nfunction getLocale(name) {\n return locale(name, null, true);\n}\n\n/* istanbul ignore file */\nfunction rafThrottle(fn) {\n var isRunning = false;\n return function fnBinfRaf() {\n var _this = this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n if (isRunning) return;\n isRunning = true;\n requestAnimationFrame(function () {\n isRunning = false;\n fn.apply(_this, args);\n });\n };\n}\n\n/**\n * get the hidden element width, height\n * @param {HTMLElement} element dom\n */\nfunction getPopupElementSize(element) {\n var originalDisplay = element.style.display;\n var originalVisibility = element.style.visibility;\n element.style.display = 'block';\n element.style.visibility = 'hidden';\n var styles = window.getComputedStyle(element);\n var width = element.offsetWidth + parseInt(styles.marginLeft, 10) + parseInt(styles.marginRight, 10);\n var height = element.offsetHeight + parseInt(styles.marginTop, 10) + parseInt(styles.marginBottom, 10);\n element.style.display = originalDisplay;\n element.style.visibility = originalVisibility;\n return {\n width: width,\n height: height\n };\n}\n/**\n * get the popup position\n * @param {HTMLElement} el relative element\n * @param {Number} targetWidth target element's width\n * @param {Number} targetHeight target element's height\n * @param {Boolean} fixed\n */\n\nfunction getRelativePosition(el, targetWidth, targetHeight, fixed) {\n var left = 0;\n var top = 0;\n var offsetX = 0;\n var offsetY = 0;\n var relativeRect = el.getBoundingClientRect();\n var dw = document.documentElement.clientWidth;\n var dh = document.documentElement.clientHeight;\n\n if (fixed) {\n offsetX = window.pageXOffset + relativeRect.left;\n offsetY = window.pageYOffset + relativeRect.top;\n }\n\n if (dw - relativeRect.left < targetWidth && relativeRect.right < targetWidth) {\n left = offsetX - relativeRect.left + 1;\n } else if (relativeRect.left + relativeRect.width / 2 <= dw / 2) {\n left = offsetX;\n } else {\n left = offsetX + relativeRect.width - targetWidth;\n }\n\n if (relativeRect.top <= targetHeight && dh - relativeRect.bottom <= targetHeight) {\n top = offsetY + dh - relativeRect.top - targetHeight;\n } else if (relativeRect.top + relativeRect.height / 2 <= dh / 2) {\n top = offsetY + relativeRect.height;\n } else {\n top = offsetY - targetHeight;\n }\n\n return {\n left: \"\".concat(left, \"px\"),\n top: \"\".concat(top, \"px\")\n };\n}\nfunction getScrollParent(node) {\n var until = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;\n\n if (!node || node === until) {\n return null;\n }\n\n var style = function style(value, prop) {\n return getComputedStyle(value, null).getPropertyValue(prop);\n };\n\n var regex = /(auto|scroll)/;\n var scroll = regex.test(style(node, 'overflow') + style(node, 'overflow-y') + style(node, 'overflow-x'));\n return scroll ? node : getScrollParent(node.parentNode, until);\n}\n\n//\nvar script = {\n name: 'Popup',\n inject: {\n prefixClass: {\n default: 'mx'\n }\n },\n props: {\n visible: {\n type: Boolean,\n default: false\n },\n appendToBody: {\n type: Boolean,\n default: true\n }\n },\n data: function data() {\n return {\n top: '',\n left: ''\n };\n },\n watch: {\n visible: {\n immediate: true,\n handler: function handler(val) {\n var _this = this;\n\n this.$nextTick(function () {\n if (val) {\n _this.displayPopup();\n }\n });\n }\n }\n },\n mounted: function mounted() {\n var _this2 = this;\n\n if (this.appendToBody) {\n document.body.appendChild(this.$el);\n }\n\n this._clickoutEvent = 'ontouchend' in document ? 'touchstart' : 'mousedown';\n document.addEventListener(this._clickoutEvent, this.handleClickOutside); // change the popup position when resize or scroll\n\n var relativeElement = this.$parent.$el;\n this._displayPopup = rafThrottle(function () {\n return _this2.displayPopup();\n });\n this._scrollParent = getScrollParent(relativeElement) || window;\n\n this._scrollParent.addEventListener('scroll', this._displayPopup);\n\n window.addEventListener('resize', this._displayPopup);\n },\n beforeDestroy: function beforeDestroy() {\n if (this.appendToBody && this.$el.parentNode) {\n this.$el.parentNode.removeChild(this.$el);\n }\n\n document.removeEventListener(this._clickoutEvent, this.handleClickOutside);\n\n this._scrollParent.removeEventListener('scroll', this._displayPopup);\n\n window.removeEventListener('resize', this._displayPopup);\n },\n methods: {\n handleClickOutside: function handleClickOutside(evt) {\n if (!this.visible) return;\n var target = evt.target;\n var el = this.$el;\n\n if (el && !el.contains(target)) {\n this.$emit('clickoutside', evt);\n }\n },\n displayPopup: function displayPopup() {\n if (!this.visible) return;\n var popup = this.$el;\n var relativeElement = this.$parent.$el;\n var appendToBody = this.appendToBody;\n\n if (!this._popupRect) {\n this._popupRect = getPopupElementSize(popup);\n }\n\n var _this$_popupRect = this._popupRect,\n width = _this$_popupRect.width,\n height = _this$_popupRect.height;\n\n var _getRelativePosition = getRelativePosition(relativeElement, width, height, appendToBody),\n left = _getRelativePosition.left,\n top = _getRelativePosition.top;\n\n this.left = left;\n this.top = top;\n }\n }\n};\n\nfunction normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier\n/* server only */\n, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {\n if (typeof shadowMode !== 'boolean') {\n createInjectorSSR = createInjector;\n createInjector = shadowMode;\n shadowMode = false;\n } // Vue.extend constructor export interop.\n\n\n var options = typeof script === 'function' ? script.options : script; // render functions\n\n if (template && template.render) {\n options.render = template.render;\n options.staticRenderFns = template.staticRenderFns;\n options._compiled = true; // functional template\n\n if (isFunctionalTemplate) {\n options.functional = true;\n }\n } // scopedId\n\n\n if (scopeId) {\n options._scopeId = scopeId;\n }\n\n var hook;\n\n if (moduleIdentifier) {\n // server build\n hook = function hook(context) {\n // 2.3 injection\n context = context || // cached call\n this.$vnode && this.$vnode.ssrContext || // stateful\n this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional\n // 2.2 with runInNewContext: true\n\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__;\n } // inject component styles\n\n\n if (style) {\n style.call(this, createInjectorSSR(context));\n } // register component module identifier for async chunk inference\n\n\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier);\n }\n }; // used by ssr in case component is cached and beforeCreate\n // never gets called\n\n\n options._ssrRegister = hook;\n } else if (style) {\n hook = shadowMode ? function (context) {\n style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));\n } : function (context) {\n style.call(this, createInjector(context));\n };\n }\n\n if (hook) {\n if (options.functional) {\n // register for functional component in vue file\n var originalRender = options.render;\n\n options.render = function renderWithStyleInjection(h, context) {\n hook.call(context);\n return originalRender(h, context);\n };\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate;\n options.beforeCreate = existing ? [].concat(existing, hook) : [hook];\n }\n }\n\n return script;\n}\n\n/* script */\nvar __vue_script__ = script;\n/* template */\n\nvar __vue_render__ = function __vue_render__() {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c('transition', {\n attrs: {\n \"name\": _vm.prefixClass + \"-zoom-in-down\"\n }\n }, [_vm.visible ? _c('div', {\n class: _vm.prefixClass + \"-datepicker-main \" + _vm.prefixClass + \"-datepicker-popup\",\n style: {\n top: _vm.top,\n left: _vm.left,\n position: 'absolute'\n }\n }, [_vm._t(\"default\")], 2) : _vm._e()]);\n};\n\nvar __vue_staticRenderFns__ = [];\n/* style */\n\nvar __vue_inject_styles__ = undefined;\n/* scoped */\n\nvar __vue_scope_id__ = undefined;\n/* module identifier */\n\nvar __vue_module_identifier__ = undefined;\n/* functional template */\n\nvar __vue_is_functional_template__ = false;\n/* style inject */\n\n/* style inject SSR */\n\n/* style inject shadow dom */\n\nvar __vue_component__ = normalizeComponent({\n render: __vue_render__,\n staticRenderFns: __vue_staticRenderFns__\n}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);\n\n/* script */\n\n/* template */\nvar __vue_render__$1 = function __vue_render__() {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c('svg', {\n attrs: {\n \"xmlns\": \"http://www.w3.org/2000/svg\",\n \"viewBox\": \"0 0 1024 1024\",\n \"width\": \"1em\",\n \"height\": \"1em\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M940.218182 107.054545h-209.454546V46.545455h-65.163636v60.50909H363.054545V46.545455H297.890909v60.50909H83.781818c-18.618182 0-32.581818 13.963636-32.581818 32.581819v805.236363c0 18.618182 13.963636 32.581818 32.581818 32.581818h861.090909c18.618182 0 32.581818-13.963636 32.581818-32.581818V139.636364c-4.654545-18.618182-18.618182-32.581818-37.236363-32.581819zM297.890909 172.218182V232.727273h65.163636V172.218182h307.2V232.727273h65.163637V172.218182h176.872727v204.8H116.363636V172.218182h181.527273zM116.363636 912.290909V442.181818h795.927273v470.109091H116.363636z\"\n }\n })]);\n};\n\nvar __vue_staticRenderFns__$1 = [];\n/* style */\n\nvar __vue_inject_styles__$1 = undefined;\n/* scoped */\n\nvar __vue_scope_id__$1 = undefined;\n/* module identifier */\n\nvar __vue_module_identifier__$1 = undefined;\n/* functional template */\n\nvar __vue_is_functional_template__$1 = false;\n/* style inject */\n\n/* style inject SSR */\n\n/* style inject shadow dom */\n\nvar __vue_component__$1 = normalizeComponent({\n render: __vue_render__$1,\n staticRenderFns: __vue_staticRenderFns__$1\n}, __vue_inject_styles__$1, {}, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);\n\n/* script */\n\n/* template */\nvar __vue_render__$2 = function __vue_render__() {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c('svg', {\n attrs: {\n \"xmlns\": \"http://www.w3.org/2000/svg\",\n \"viewBox\": \"0 0 24 24\",\n \"width\": \"1em\",\n \"height\": \"1em\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M0 0h24v24H0z\",\n \"fill\": \"none\"\n }\n }), _vm._v(\" \"), _c('path', {\n attrs: {\n \"d\": \"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\n }\n }), _vm._v(\" \"), _c('path', {\n attrs: {\n \"d\": \"M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\n }\n })]);\n};\n\nvar __vue_staticRenderFns__$2 = [];\n/* style */\n\nvar __vue_inject_styles__$2 = undefined;\n/* scoped */\n\nvar __vue_scope_id__$2 = undefined;\n/* module identifier */\n\nvar __vue_module_identifier__$2 = undefined;\n/* functional template */\n\nvar __vue_is_functional_template__$2 = false;\n/* style inject */\n\n/* style inject SSR */\n\n/* style inject shadow dom */\n\nvar __vue_component__$2 = normalizeComponent({\n render: __vue_render__$2,\n staticRenderFns: __vue_staticRenderFns__$2\n}, __vue_inject_styles__$2, {}, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);\n\n/* script */\n\n/* template */\nvar __vue_render__$3 = function __vue_render__() {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c('svg', {\n attrs: {\n \"xmlns\": \"http://www.w3.org/2000/svg\",\n \"viewBox\": \"0 0 1024 1024\",\n \"width\": \"1em\",\n \"height\": \"1em\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M810.005333 274.005333l-237.994667 237.994667 237.994667 237.994667-60.010667 60.010667-237.994667-237.994667-237.994667 237.994667-60.010667-60.010667 237.994667-237.994667-237.994667-237.994667 60.010667-60.010667 237.994667 237.994667 237.994667-237.994667z\"\n }\n })]);\n};\n\nvar __vue_staticRenderFns__$3 = [];\n/* style */\n\nvar __vue_inject_styles__$3 = undefined;\n/* scoped */\n\nvar __vue_scope_id__$3 = undefined;\n/* module identifier */\n\nvar __vue_module_identifier__$3 = undefined;\n/* functional template */\n\nvar __vue_is_functional_template__$3 = false;\n/* style inject */\n\n/* style inject SSR */\n\n/* style inject shadow dom */\n\nvar __vue_component__$3 = normalizeComponent({\n render: __vue_render__$3,\n staticRenderFns: __vue_staticRenderFns__$3\n}, __vue_inject_styles__$3, {}, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nvar script$1 = {\n props: {\n type: String,\n disabled: Boolean\n },\n inject: {\n prefixClass: {\n default: 'mx'\n }\n }\n};\n\n/* script */\nvar __vue_script__$1 = script$1;\n/* template */\n\nvar __vue_render__$4 = function __vue_render__() {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c('button', _vm._g({\n class: [_vm.prefixClass + \"-btn \" + _vm.prefixClass + \"-btn-text \" + _vm.prefixClass + \"-btn-icon-\" + _vm.type, {\n disabled: _vm.disabled\n }],\n attrs: {\n \"type\": \"button\",\n \"disabled\": _vm.disabled\n }\n }, _vm.$listeners), [_c('i', {\n class: _vm.prefixClass + \"-icon-\" + _vm.type\n })]);\n};\n\nvar __vue_staticRenderFns__$4 = [];\n/* style */\n\nvar __vue_inject_styles__$4 = undefined;\n/* scoped */\n\nvar __vue_scope_id__$4 = undefined;\n/* module identifier */\n\nvar __vue_module_identifier__$4 = undefined;\n/* functional template */\n\nvar __vue_is_functional_template__$4 = false;\n/* style inject */\n\n/* style inject SSR */\n\n/* style inject shadow dom */\n\nvar __vue_component__$4 = normalizeComponent({\n render: __vue_render__$4,\n staticRenderFns: __vue_staticRenderFns__$4\n}, __vue_inject_styles__$4, __vue_script__$1, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);\n\nvar script$2 = {\n name: 'TableDate',\n components: {\n IconButton: __vue_component__$4\n },\n inject: {\n getLocale: {\n default: function _default() {\n return getLocale;\n }\n },\n getWeek: {\n default: function _default() {\n return getWeek;\n }\n },\n prefixClass: {\n default: 'mx'\n },\n onDateMouseEnter: {\n default: undefined\n },\n onDateMouseLeave: {\n default: undefined\n }\n },\n props: {\n disabledCalendarChanger: {\n type: Function,\n default: function _default() {\n return false;\n }\n },\n calendar: {\n type: Date,\n default: function _default() {\n return new Date();\n }\n },\n showWeekNumber: {\n type: Boolean,\n default: false\n },\n titleFormat: {\n type: String,\n default: 'YYYY-MM-DD'\n },\n getRowClasses: {\n type: Function,\n default: function _default() {\n return [];\n }\n },\n getCellClasses: {\n type: Function,\n default: function _default() {\n return [];\n }\n }\n },\n computed: {\n firstDayOfWeek: function firstDayOfWeek() {\n return this.getLocale().formatLocale.firstDayOfWeek || 0;\n },\n yearMonth: function yearMonth() {\n var _this$getLocale = this.getLocale(),\n yearFormat = _this$getLocale.yearFormat,\n monthBeforeYear = _this$getLocale.monthBeforeYear,\n _this$getLocale$month = _this$getLocale.monthFormat,\n monthFormat = _this$getLocale$month === void 0 ? 'MMM' : _this$getLocale$month;\n\n var yearLabel = {\n panel: 'year',\n label: this.formatDate(this.calendar, yearFormat)\n };\n var monthLabel = {\n panel: 'month',\n label: this.formatDate(this.calendar, monthFormat)\n };\n return monthBeforeYear ? [monthLabel, yearLabel] : [yearLabel, monthLabel];\n },\n days: function days() {\n var locale = this.getLocale();\n var days = locale.days || locale.formatLocale.weekdaysMin;\n return days.concat(days).slice(this.firstDayOfWeek, this.firstDayOfWeek + 7);\n },\n dates: function dates() {\n var year = this.calendar.getFullYear();\n var month = this.calendar.getMonth();\n var arr = getCalendar({\n firstDayOfWeek: this.firstDayOfWeek,\n year: year,\n month: month\n });\n return chunk(arr, 7);\n }\n },\n methods: {\n isDisabledArrows: function isDisabledArrows(type) {\n var date = new Date(this.calendar);\n\n switch (type) {\n case 'last-year':\n date.setFullYear(date.getFullYear() - 1, date.getMonth() + 1, 0);\n date.setHours(23, 59, 59, 999);\n break;\n\n case 'next-year':\n date.setFullYear(date.getFullYear() + 1);\n break;\n\n case 'last-month':\n date.setMonth(date.getMonth(), 0);\n date.setHours(23, 59, 59, 999);\n break;\n\n case 'next-month':\n date.setMonth(date.getMonth() + 1);\n break;\n }\n\n return this.disabledCalendarChanger(date, type);\n },\n handleIconLeftClick: function handleIconLeftClick() {\n this.$emit('changecalendar', setMonth(this.calendar, function (v) {\n return v - 1;\n }), 'last-month');\n },\n handleIconRightClick: function handleIconRightClick() {\n this.$emit('changecalendar', setMonth(this.calendar, function (v) {\n return v + 1;\n }), 'next-month');\n },\n handleIconDoubleLeftClick: function handleIconDoubleLeftClick() {\n this.$emit('changecalendar', setYear(this.calendar, function (v) {\n return v - 1;\n }), 'last-year');\n },\n handleIconDoubleRightClick: function handleIconDoubleRightClick() {\n this.$emit('changecalendar', setYear(this.calendar, function (v) {\n return v + 1;\n }), 'next-year');\n },\n handlePanelChange: function handlePanelChange(panel) {\n this.$emit('changepanel', panel);\n },\n handleMouseEnter: function handleMouseEnter(cell) {\n if (typeof this.onDateMouseEnter === 'function') {\n this.onDateMouseEnter(cell);\n }\n },\n handleMouseLeave: function handleMouseLeave(cell) {\n if (typeof this.onDateMouseLeave === 'function') {\n this.onDateMouseLeave(cell);\n }\n },\n handleCellClick: function handleCellClick(evt) {\n var target = evt.target;\n\n if (target.tagName.toUpperCase() === 'DIV') {\n target = target.parentNode;\n }\n\n var index = target.getAttribute('data-row-col');\n\n if (index) {\n var _index$split$map = index.split(',').map(function (v) {\n return parseInt(v, 10);\n }),\n _index$split$map2 = _slicedToArray(_index$split$map, 2),\n row = _index$split$map2[0],\n col = _index$split$map2[1];\n\n var date = this.dates[row][col];\n this.$emit('select', new Date(date));\n }\n },\n formatDate: function formatDate(date, fmt) {\n return format(date, fmt, {\n locale: this.getLocale().formatLocale\n });\n },\n getCellTitle: function getCellTitle(date) {\n var fmt = this.titleFormat;\n return this.formatDate(date, fmt);\n },\n getWeekNumber: function getWeekNumber(date) {\n return this.getWeek(date, this.getLocale().formatLocale);\n }\n }\n};\n\n/* script */\nvar __vue_script__$2 = script$2;\n/* template */\n\nvar __vue_render__$5 = function __vue_render__() {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c('div', {\n class: _vm.prefixClass + \"-calendar \" + _vm.prefixClass + \"-calendar-panel-date\"\n }, [_c('div', {\n class: _vm.prefixClass + \"-calendar-header\"\n }, [_c('icon-button', {\n attrs: {\n \"type\": \"double-left\",\n \"disabled\": _vm.isDisabledArrows('last-year')\n },\n on: {\n \"click\": _vm.handleIconDoubleLeftClick\n }\n }), _vm._v(\" \"), _c('icon-button', {\n attrs: {\n \"type\": \"left\",\n \"disabled\": _vm.isDisabledArrows('last-month')\n },\n on: {\n \"click\": _vm.handleIconLeftClick\n }\n }), _vm._v(\" \"), _c('icon-button', {\n attrs: {\n \"type\": \"double-right\",\n \"disabled\": _vm.isDisabledArrows('next-year')\n },\n on: {\n \"click\": _vm.handleIconDoubleRightClick\n }\n }), _vm._v(\" \"), _c('icon-button', {\n attrs: {\n \"type\": \"right\",\n \"disabled\": _vm.isDisabledArrows('next-month')\n },\n on: {\n \"click\": _vm.handleIconRightClick\n }\n }), _vm._v(\" \"), _c('span', {\n class: _vm.prefixClass + \"-calendar-header-label\"\n }, _vm._l(_vm.yearMonth, function (item) {\n return _c('button', {\n key: item.panel,\n class: _vm.prefixClass + \"-btn \" + _vm.prefixClass + \"-btn-text \" + _vm.prefixClass + \"-btn-current-\" + item.panel,\n attrs: {\n \"type\": \"button\"\n },\n on: {\n \"click\": function click($event) {\n return _vm.handlePanelChange(item.panel);\n }\n }\n }, [_vm._v(\"\\n \" + _vm._s(item.label) + \"\\n \")]);\n }), 0)], 1), _vm._v(\" \"), _c('div', {\n class: _vm.prefixClass + \"-calendar-content\"\n }, [_c('table', {\n class: _vm.prefixClass + \"-table \" + _vm.prefixClass + \"-table-date\"\n }, [_c('thead', [_c('tr', [_vm.showWeekNumber ? _c('th', {\n class: _vm.prefixClass + \"-week-number-header\"\n }) : _vm._e(), _vm._v(\" \"), _vm._l(_vm.days, function (day) {\n return _c('th', {\n key: day\n }, [_vm._v(_vm._s(day))]);\n })], 2)]), _vm._v(\" \"), _c('tbody', {\n on: {\n \"click\": _vm.handleCellClick\n }\n }, _vm._l(_vm.dates, function (row, i) {\n return _c('tr', {\n key: i,\n class: [_vm.prefixClass + \"-date-row\", _vm.getRowClasses(row)]\n }, [_vm.showWeekNumber ? _c('td', {\n class: _vm.prefixClass + \"-week-number\",\n attrs: {\n \"data-row-col\": i + \",0\"\n }\n }, [_vm._v(\"\\n \" + _vm._s(_vm.getWeekNumber(row[0])) + \"\\n \")]) : _vm._e(), _vm._v(\" \"), _vm._l(row, function (cell, j) {\n return _c('td', {\n key: j,\n staticClass: \"cell\",\n class: _vm.getCellClasses(cell),\n attrs: {\n \"data-row-col\": i + \",\" + j,\n \"title\": _vm.getCellTitle(cell)\n },\n on: {\n \"mouseenter\": function mouseenter($event) {\n return _vm.handleMouseEnter(cell);\n },\n \"mouseleave\": function mouseleave($event) {\n return _vm.handleMouseLeave(cell);\n }\n }\n }, [_c('div', [_vm._v(_vm._s(cell.getDate()))])]);\n })], 2);\n }), 0)])])]);\n};\n\nvar __vue_staticRenderFns__$5 = [];\n/* style */\n\nvar __vue_inject_styles__$5 = undefined;\n/* scoped */\n\nvar __vue_scope_id__$5 = undefined;\n/* module identifier */\n\nvar __vue_module_identifier__$5 = undefined;\n/* functional template */\n\nvar __vue_is_functional_template__$5 = false;\n/* style inject */\n\n/* style inject SSR */\n\n/* style inject shadow dom */\n\nvar __vue_component__$5 = normalizeComponent({\n render: __vue_render__$5,\n staticRenderFns: __vue_staticRenderFns__$5\n}, __vue_inject_styles__$5, __vue_script__$2, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);\n\n//\nvar script$3 = {\n name: 'TableMonth',\n components: {\n IconButton: __vue_component__$4\n },\n inject: {\n getLocale: {\n default: function _default() {\n return getLocale;\n }\n },\n prefixClass: {\n default: 'mx'\n }\n },\n props: {\n disabledCalendarChanger: {\n type: Function,\n default: function _default() {\n return false;\n }\n },\n calendar: {\n type: Date,\n default: function _default() {\n return new Date();\n }\n },\n getCellClasses: {\n type: Function,\n default: function _default() {\n return [];\n }\n }\n },\n computed: {\n calendarYear: function calendarYear() {\n return this.calendar.getFullYear();\n },\n months: function months() {\n var locale = this.getLocale();\n var monthsLocale = locale.months || locale.formatLocale.monthsShort;\n var months = monthsLocale.map(function (text, month) {\n return {\n text: text,\n month: month\n };\n });\n return chunk(months, 3);\n }\n },\n methods: {\n isDisabledArrows: function isDisabledArrows(type) {\n var date = new Date(this.calendar);\n\n switch (type) {\n case 'last-year':\n date.setFullYear(date.getFullYear() - 1, 11, 31);\n date.setHours(23, 59, 59, 999);\n break;\n\n case 'next-year':\n date.setFullYear(date.getFullYear() + 1, 0, 1);\n break;\n }\n\n return this.disabledCalendarChanger(date, type);\n },\n handleIconDoubleLeftClick: function handleIconDoubleLeftClick() {\n this.$emit('changecalendar', setYear(this.calendar, function (v) {\n return v - 1;\n }), 'last-year');\n },\n handleIconDoubleRightClick: function handleIconDoubleRightClick() {\n this.$emit('changecalendar', setYear(this.calendar, function (v) {\n return v + 1;\n }), 'next-year');\n },\n handlePanelChange: function handlePanelChange() {\n this.$emit('changepanel', 'year');\n },\n handleClick: function handleClick(evt) {\n var target = evt.target;\n\n if (target.tagName.toUpperCase() === 'DIV') {\n target = target.parentNode;\n }\n\n var month = target.getAttribute('data-month');\n\n if (month && !target.classList.contains('disabled')) {\n this.$emit('select', parseInt(month, 10));\n }\n }\n }\n};\n\n/* script */\nvar __vue_script__$3 = script$3;\n/* template */\n\nvar __vue_render__$6 = function __vue_render__() {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c('div', {\n class: _vm.prefixClass + \"-calendar \" + _vm.prefixClass + \"-calendar-panel-month\"\n }, [_c('div', {\n class: _vm.prefixClass + \"-calendar-header\"\n }, [_c('icon-button', {\n attrs: {\n \"type\": \"double-left\",\n \"disabled\": _vm.isDisabledArrows('last-year')\n },\n on: {\n \"click\": _vm.handleIconDoubleLeftClick\n }\n }), _vm._v(\" \"), _c('icon-button', {\n attrs: {\n \"type\": \"double-right\",\n \"disabled\": _vm.isDisabledArrows('next-year')\n },\n on: {\n \"click\": _vm.handleIconDoubleRightClick\n }\n }), _vm._v(\" \"), _c('span', {\n class: _vm.prefixClass + \"-calendar-header-label\"\n }, [_c('button', {\n class: _vm.prefixClass + \"-btn \" + _vm.prefixClass + \"-btn-text\",\n attrs: {\n \"type\": \"button\"\n },\n on: {\n \"click\": _vm.handlePanelChange\n }\n }, [_vm._v(\"\\n \" + _vm._s(_vm.calendarYear) + \"\\n \")])])], 1), _vm._v(\" \"), _c('div', {\n class: _vm.prefixClass + \"-calendar-content\"\n }, [_c('table', {\n class: _vm.prefixClass + \"-table \" + _vm.prefixClass + \"-table-month\",\n on: {\n \"click\": _vm.handleClick\n }\n }, _vm._l(_vm.months, function (row, i) {\n return _c('tr', {\n key: i\n }, _vm._l(row, function (cell, j) {\n return _c('td', {\n key: j,\n staticClass: \"cell\",\n class: _vm.getCellClasses(cell.month),\n attrs: {\n \"data-month\": cell.month\n }\n }, [_c('div', [_vm._v(_vm._s(cell.text))])]);\n }), 0);\n }), 0)])]);\n};\n\nvar __vue_staticRenderFns__$6 = [];\n/* style */\n\nvar __vue_inject_styles__$6 = undefined;\n/* scoped */\n\nvar __vue_scope_id__$6 = undefined;\n/* module identifier */\n\nvar __vue_module_identifier__$6 = undefined;\n/* functional template */\n\nvar __vue_is_functional_template__$6 = false;\n/* style inject */\n\n/* style inject SSR */\n\n/* style inject shadow dom */\n\nvar __vue_component__$6 = normalizeComponent({\n render: __vue_render__$6,\n staticRenderFns: __vue_staticRenderFns__$6\n}, __vue_inject_styles__$6, __vue_script__$3, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);\n\n//\nvar script$4 = {\n name: 'TableYear',\n components: {\n IconButton: __vue_component__$4\n },\n inject: {\n prefixClass: {\n default: 'mx'\n }\n },\n props: {\n disabledCalendarChanger: {\n type: Function,\n default: function _default() {\n return false;\n }\n },\n calendar: {\n type: Date,\n default: function _default() {\n return new Date();\n }\n },\n getCellClasses: {\n type: Function,\n default: function _default() {\n return [];\n }\n },\n getYearPanel: {\n type: Function\n }\n },\n computed: {\n years: function years() {\n var calendar = new Date(this.calendar);\n\n if (typeof this.getYearPanel === 'function') {\n return this.getYearPanel(calendar);\n }\n\n return this.getYears(calendar);\n },\n firstYear: function firstYear() {\n return this.years[0][0];\n },\n lastYear: function lastYear() {\n var last = function last(arr) {\n return arr[arr.length - 1];\n };\n\n return last(last(this.years));\n }\n },\n methods: {\n isDisabledArrows: function isDisabledArrows(type) {\n var date = new Date(this.calendar);\n\n switch (type) {\n case 'last-decade':\n date.setFullYear(this.firstYear - 1, 11, 31);\n date.setHours(23, 59, 59, 999);\n break;\n\n case 'next-decade':\n date.setFullYear(this.lastYear + 1, 0, 1);\n break;\n }\n\n return this.disabledCalendarChanger(date, type);\n },\n getYears: function getYears(calendar) {\n var firstYear = Math.floor(calendar.getFullYear() / 10) * 10;\n var years = [];\n\n for (var i = 0; i < 10; i++) {\n years.push(firstYear + i);\n }\n\n return chunk(years, 2);\n },\n handleIconDoubleLeftClick: function handleIconDoubleLeftClick() {\n this.$emit('changecalendar', setYear(this.calendar, function (v) {\n return v - 10;\n }), 'last-decade');\n },\n handleIconDoubleRightClick: function handleIconDoubleRightClick() {\n this.$emit('changecalendar', setYear(this.calendar, function (v) {\n return v + 10;\n }), 'next-decade');\n },\n handleClick: function handleClick(evt) {\n var target = evt.target;\n\n if (target.tagName.toUpperCase() === 'DIV') {\n target = target.parentNode;\n }\n\n var year = target.getAttribute('data-year');\n\n if (year && !target.classList.contains('disabled')) {\n this.$emit('select', parseInt(year, 10));\n }\n }\n }\n};\n\n/* script */\nvar __vue_script__$4 = script$4;\n/* template */\n\nvar __vue_render__$7 = function __vue_render__() {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c('div', {\n class: _vm.prefixClass + \"-calendar \" + _vm.prefixClass + \"-calendar-panel-year\"\n }, [_c('div', {\n class: _vm.prefixClass + \"-calendar-header\"\n }, [_c('icon-button', {\n attrs: {\n \"type\": \"double-left\",\n \"disabled\": _vm.isDisabledArrows('last-decade')\n },\n on: {\n \"click\": _vm.handleIconDoubleLeftClick\n }\n }), _vm._v(\" \"), _c('icon-button', {\n attrs: {\n \"type\": \"double-right\",\n \"disabled\": _vm.isDisabledArrows('next-decade')\n },\n on: {\n \"click\": _vm.handleIconDoubleRightClick\n }\n }), _vm._v(\" \"), _c('span', {\n class: _vm.prefixClass + \"-calendar-header-label\"\n }, [_c('span', [_vm._v(_vm._s(_vm.firstYear))]), _vm._v(\" \"), _c('span', {\n class: _vm.prefixClass + \"-calendar-decade-separator\"\n }), _vm._v(\" \"), _c('span', [_vm._v(_vm._s(_vm.lastYear))])])], 1), _vm._v(\" \"), _c('div', {\n class: _vm.prefixClass + \"-calendar-content\"\n }, [_c('table', {\n class: _vm.prefixClass + \"-table \" + _vm.prefixClass + \"-table-year\",\n on: {\n \"click\": _vm.handleClick\n }\n }, _vm._l(_vm.years, function (row, i) {\n return _c('tr', {\n key: i\n }, _vm._l(row, function (cell, j) {\n return _c('td', {\n key: j,\n staticClass: \"cell\",\n class: _vm.getCellClasses(cell),\n attrs: {\n \"data-year\": cell\n }\n }, [_c('div', [_vm._v(_vm._s(cell))])]);\n }), 0);\n }), 0)])]);\n};\n\nvar __vue_staticRenderFns__$7 = [];\n/* style */\n\nvar __vue_inject_styles__$7 = undefined;\n/* scoped */\n\nvar __vue_scope_id__$7 = undefined;\n/* module identifier */\n\nvar __vue_module_identifier__$7 = undefined;\n/* functional template */\n\nvar __vue_is_functional_template__$7 = false;\n/* style inject */\n\n/* style inject SSR */\n\n/* style inject shadow dom */\n\nvar __vue_component__$7 = normalizeComponent({\n render: __vue_render__$7,\n staticRenderFns: __vue_staticRenderFns__$7\n}, __vue_inject_styles__$7, __vue_script__$4, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);\n\nvar CalendarPanel = {\n name: 'CalendarPanel',\n inject: {\n prefixClass: {\n default: 'mx'\n },\n dispatchDatePicker: {\n default: function _default() {\n return function () {};\n }\n }\n },\n props: {\n value: {},\n defaultValue: {\n default: function _default() {\n var date = new Date();\n date.setHours(0, 0, 0, 0);\n return date;\n }\n },\n defaultPanel: {\n type: String\n },\n disabledCalendarChanger: {\n type: Function,\n default: function _default() {\n return false;\n }\n },\n disabledDate: {\n type: Function,\n default: function _default() {\n return false;\n }\n },\n type: {\n type: String,\n default: 'date'\n },\n getClasses: {\n type: Function,\n default: function _default() {\n return [];\n }\n },\n showWeekNumber: {\n type: Boolean,\n default: undefined\n },\n getYearPanel: {\n type: Function\n },\n titleFormat: {\n type: String,\n default: 'YYYY-MM-DD'\n },\n calendar: Date,\n // update date when select year or month\n partialUpdate: {\n type: Boolean,\n default: false\n }\n },\n data: function data() {\n var panels = ['date', 'month', 'year'];\n var index = Math.max(panels.indexOf(this.type), panels.indexOf(this.defaultPanel));\n var panel = index !== -1 ? panels[index] : 'date';\n return {\n panel: panel,\n innerCalendar: new Date()\n };\n },\n computed: {\n innerValue: function innerValue() {\n var value = Array.isArray(this.value) ? this.value : [this.value];\n var map = {\n year: startOfYear,\n month: startOfMonth,\n date: startOfDay\n };\n var start = map[this.type] || map.date;\n return value.filter(isValidDate).map(function (v) {\n return start(v);\n });\n },\n calendarYear: function calendarYear() {\n return this.innerCalendar.getFullYear();\n },\n calendarMonth: function calendarMonth() {\n return this.innerCalendar.getMonth();\n }\n },\n watch: {\n value: {\n immediate: true,\n handler: 'initCalendar'\n },\n calendar: {\n handler: 'initCalendar'\n },\n defaultValue: {\n handler: 'initCalendar'\n }\n },\n methods: {\n initCalendar: function initCalendar() {\n var calendarDate = this.calendar;\n\n if (!isValidDate(calendarDate)) {\n var length = this.innerValue.length;\n calendarDate = getValidDate(length > 0 ? this.innerValue[length - 1] : this.defaultValue);\n }\n\n this.innerCalendar = startOfMonth(calendarDate);\n },\n isDisabled: function isDisabled(date) {\n return this.disabledDate(new Date(date), this.innerValue);\n },\n emitDate: function emitDate(date, type) {\n if (!this.isDisabled(date)) {\n this.$emit('select', date, type, this.innerValue); // someone need get the first selected date to set range value. (#429)\n\n this.dispatchDatePicker('pick', date, type);\n }\n },\n handleCalendarChange: function handleCalendarChange(calendar, type) {\n var oldCalendar = new Date(this.innerCalendar);\n this.innerCalendar = calendar;\n this.$emit('update:calendar', calendar);\n this.dispatchDatePicker('calendar-change', calendar, oldCalendar, type);\n },\n handelPanelChange: function handelPanelChange(panel) {\n var oldPanel = this.panel;\n this.panel = panel;\n this.dispatchDatePicker('panel-change', panel, oldPanel);\n },\n handleSelectYear: function handleSelectYear(year) {\n if (this.type === 'year') {\n var date = this.getYearCellDate(year);\n this.emitDate(date, 'year');\n } else {\n this.handleCalendarChange(createDate(year, this.calendarMonth), 'year');\n this.handelPanelChange('month');\n\n if (this.partialUpdate && this.innerValue.length === 1) {\n var _date = new Date(this.innerValue[0]);\n\n _date.setFullYear(year);\n\n this.emitDate(_date, 'year');\n }\n }\n },\n handleSelectMonth: function handleSelectMonth(month) {\n if (this.type === 'month') {\n var date = this.getMonthCellDate(month);\n this.emitDate(date, 'month');\n } else {\n this.handleCalendarChange(createDate(this.calendarYear, month), 'month');\n this.handelPanelChange('date');\n\n if (this.partialUpdate && this.innerValue.length === 1) {\n var _date2 = new Date(this.innerValue[0]);\n\n _date2.setFullYear(this.calendarYear);\n\n this.emitDate(setMonth(_date2, month), 'month');\n }\n }\n },\n handleSelectDate: function handleSelectDate(date) {\n this.emitDate(date, this.type === 'week' ? 'week' : 'date');\n },\n getMonthCellDate: function getMonthCellDate(month) {\n return createDate(this.calendarYear, month);\n },\n getYearCellDate: function getYearCellDate(year) {\n return createDate(year, 0);\n },\n getDateClasses: function getDateClasses(cellDate) {\n var notCurrentMonth = cellDate.getMonth() !== this.calendarMonth;\n var classes = [];\n\n if (cellDate.getTime() === new Date().setHours(0, 0, 0, 0)) {\n classes.push('today');\n }\n\n if (notCurrentMonth) {\n classes.push('not-current-month');\n }\n\n var state = this.getStateClass(cellDate);\n\n if (!(state === 'active' && notCurrentMonth)) {\n classes.push(state);\n }\n\n return classes.concat(this.getClasses(cellDate, this.innerValue, classes.join(' ')));\n },\n getMonthClasses: function getMonthClasses(month) {\n var classes = [];\n\n if (this.type !== 'month') {\n if (this.calendarMonth === month) {\n classes.push('active');\n }\n\n var _cellDate = this.getMonthCellDate(month);\n\n if (this.disabledCalendarChanger(_cellDate, 'month')) {\n classes.push('disabled');\n }\n\n return classes;\n }\n\n var cellDate = this.getMonthCellDate(month);\n classes.push(this.getStateClass(cellDate));\n return classes.concat(this.getClasses(cellDate, this.innerValue, classes.join(' ')));\n },\n getYearClasses: function getYearClasses(year) {\n var classes = [];\n\n if (this.type !== 'year') {\n if (this.calendarYear === year) {\n classes.push('active');\n }\n\n var _cellDate2 = this.getYearCellDate(year);\n\n if (this.disabledCalendarChanger(_cellDate2, 'year')) {\n classes.push('disabled');\n }\n\n return classes;\n }\n\n var cellDate = this.getYearCellDate(year);\n classes.push(this.getStateClass(cellDate));\n return classes.concat(this.getClasses(cellDate, this.innerValue, classes.join(' ')));\n },\n getStateClass: function getStateClass(cellDate) {\n if (this.isDisabled(cellDate)) {\n return 'disabled';\n }\n\n if (this.innerValue.some(function (v) {\n return v.getTime() === cellDate.getTime();\n })) {\n return 'active';\n }\n\n return '';\n },\n getWeekState: function getWeekState(row) {\n if (this.type !== 'week') return '';\n var start = row[0].getTime();\n var end = row[6].getTime();\n var active = this.innerValue.some(function (v) {\n var time = v.getTime();\n return time >= start && time <= end;\n });\n return active ? \"\".concat(this.prefixClass, \"-active-week\") : '';\n }\n },\n render: function render() {\n var h = arguments[0];\n var panel = this.panel,\n innerCalendar = this.innerCalendar;\n\n if (panel === 'year') {\n return h(__vue_component__$7, {\n \"attrs\": {\n \"disabledCalendarChanger\": this.disabledCalendarChanger,\n \"calendar\": innerCalendar,\n \"getCellClasses\": this.getYearClasses,\n \"getYearPanel\": this.getYearPanel\n },\n \"on\": {\n \"select\": this.handleSelectYear,\n \"changecalendar\": this.handleCalendarChange\n }\n });\n }\n\n if (panel === 'month') {\n return h(__vue_component__$6, {\n \"attrs\": {\n \"disabledCalendarChanger\": this.disabledCalendarChanger,\n \"calendar\": innerCalendar,\n \"getCellClasses\": this.getMonthClasses\n },\n \"on\": {\n \"select\": this.handleSelectMonth,\n \"changepanel\": this.handelPanelChange,\n \"changecalendar\": this.handleCalendarChange\n }\n });\n }\n\n return h(__vue_component__$5, {\n \"attrs\": {\n \"disabledCalendarChanger\": this.disabledCalendarChanger,\n \"calendar\": innerCalendar,\n \"getCellClasses\": this.getDateClasses,\n \"getRowClasses\": this.getWeekState,\n \"titleFormat\": this.titleFormat,\n \"showWeekNumber\": typeof this.showWeekNumber === 'boolean' ? this.showWeekNumber : this.type === 'week'\n },\n \"class\": _defineProperty({}, \"\".concat(this.prefixClass, \"-calendar-week-mode\"), this.type === 'week'),\n \"on\": {\n \"select\": this.handleSelectDate,\n \"changepanel\": this.handelPanelChange,\n \"changecalendar\": this.handleCalendarChange\n }\n });\n }\n};\n\nvar CalendarRange = {\n name: 'CalendarRange',\n components: {\n CalendarPanel: CalendarPanel\n },\n provide: function provide() {\n return {\n onDateMouseEnter: this.onDateMouseEnter,\n onDateMouseLeave: this.onDateMouseLeave\n };\n },\n inject: {\n prefixClass: {\n default: 'mx'\n }\n },\n props: _objectSpread2({}, CalendarPanel.props),\n data: function data() {\n return {\n innerValue: [],\n calendars: [],\n hoveredValue: null\n };\n },\n computed: {\n // Minimum difference between start and end calendars\n calendarMinDiff: function calendarMinDiff() {\n var map = {\n date: 1,\n // type:date min 1 month\n month: 1 * 12,\n // type:month min 1 year\n year: 10 * 12 // type:year min 10 year\n\n };\n return map[this.type] || map.date;\n },\n calendarMaxDiff: function calendarMaxDiff() {\n return Infinity;\n },\n defaultValues: function defaultValues() {\n return Array.isArray(this.defaultValue) ? this.defaultValue : [this.defaultValue, this.defaultValue];\n }\n },\n watch: {\n value: {\n immediate: true,\n handler: function handler() {\n var _this = this;\n\n this.innerValue = isValidRangeDate(this.value) ? this.value : [new Date(NaN), new Date(NaN)];\n var calendars = this.innerValue.map(function (v, i) {\n return startOfMonth(getValidDate(v, _this.defaultValues[i]));\n });\n this.updateCalendars(calendars);\n }\n }\n },\n methods: {\n handleSelect: function handleSelect(date, type) {\n var _this$innerValue = _slicedToArray(this.innerValue, 2),\n startValue = _this$innerValue[0],\n endValue = _this$innerValue[1];\n\n if (isValidDate(startValue) && !isValidDate(endValue)) {\n if (startValue.getTime() > date.getTime()) {\n this.innerValue = [date, startValue];\n } else {\n this.innerValue = [startValue, date];\n }\n\n this.emitDate(this.innerValue, type);\n } else {\n this.innerValue = [date, new Date(NaN)];\n }\n },\n onDateMouseEnter: function onDateMouseEnter(cell) {\n this.hoveredValue = cell;\n },\n onDateMouseLeave: function onDateMouseLeave() {\n this.hoveredValue = null;\n },\n emitDate: function emitDate(dates, type) {\n this.$emit('select', dates, type);\n },\n updateStartCalendar: function updateStartCalendar(value) {\n this.updateCalendars([value, this.calendars[1]], 1);\n },\n updateEndCalendar: function updateEndCalendar(value) {\n this.updateCalendars([this.calendars[0], value], 0);\n },\n updateCalendars: function updateCalendars(calendars) {\n var adjustIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n var gap = this.getCalendarGap(calendars);\n\n if (gap) {\n var calendar = new Date(calendars[adjustIndex]);\n calendar.setMonth(calendar.getMonth() + (adjustIndex === 0 ? -gap : gap));\n calendars[adjustIndex] = calendar;\n }\n\n this.calendars = calendars;\n },\n getCalendarGap: function getCalendarGap(calendars) {\n var _calendars = _slicedToArray(calendars, 2),\n calendarLeft = _calendars[0],\n calendarRight = _calendars[1];\n\n var yearDiff = calendarRight.getFullYear() - calendarLeft.getFullYear();\n var monthDiff = calendarRight.getMonth() - calendarLeft.getMonth();\n var diff = yearDiff * 12 + monthDiff;\n var min = this.calendarMinDiff;\n var max = this.calendarMaxDiff;\n\n if (diff < min) {\n return min - diff;\n }\n\n if (diff > max) {\n return max - diff;\n }\n\n return 0;\n },\n getRangeClasses: function getRangeClasses(cellDate, currentDates, classnames) {\n var classes = [].concat(this.getClasses(cellDate, currentDates, classnames));\n if (/disabled|active/.test(classnames)) return classes;\n\n var inRange = function inRange(data, range) {\n var fn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (v) {\n return v.getTime();\n };\n var value = fn(data);\n\n var _range$map = range.map(fn),\n _range$map2 = _slicedToArray(_range$map, 2),\n min = _range$map2[0],\n max = _range$map2[1];\n\n if (min > max) {\n var _ref = [max, min];\n min = _ref[0];\n max = _ref[1];\n }\n\n return value > min && value < max;\n };\n\n if (currentDates.length === 2 && inRange(cellDate, currentDates)) {\n return classes.concat('in-range');\n }\n\n if (currentDates.length === 1 && this.hoveredValue && inRange(cellDate, [currentDates[0], this.hoveredValue])) {\n return classes.concat('hover-in-range');\n }\n\n return classes;\n }\n },\n render: function render() {\n var _this2 = this;\n\n var h = arguments[0];\n var calendarRange = this.calendars.map(function (calendar, index) {\n var props = _objectSpread2({}, _this2.$props, {\n calendar: calendar,\n value: _this2.innerValue,\n defaultValue: _this2.defaultValues[index],\n getClasses: _this2.getRangeClasses,\n // don't update when range is true\n partialUpdate: false\n });\n\n var on = {\n select: _this2.handleSelect,\n 'update:calendar': index === 0 ? _this2.updateStartCalendar : _this2.updateEndCalendar\n };\n return h(\"calendar-panel\", {\n \"props\": _objectSpread2({}, props),\n \"on\": _objectSpread2({}, on)\n });\n });\n var prefixClass = this.prefixClass;\n return h(\"div\", {\n \"class\": \"\".concat(prefixClass, \"-range-wrapper\")\n }, [calendarRange]);\n }\n};\n\nvar scrollBarWidth;\nfunction getScrollbarWidth () {\n if (typeof window === 'undefined') return 0;\n if (scrollBarWidth !== undefined) return scrollBarWidth;\n var outer = document.createElement('div');\n outer.style.visibility = 'hidden';\n outer.style.overflow = 'scroll';\n outer.style.width = '100px';\n outer.style.position = 'absolute';\n outer.style.top = '-9999px';\n document.body.appendChild(outer);\n var inner = document.createElement('div');\n inner.style.width = '100%';\n outer.appendChild(inner);\n scrollBarWidth = outer.offsetWidth - inner.offsetWidth;\n outer.parentNode.removeChild(outer);\n return scrollBarWidth;\n}\n\n//\nvar script$5 = {\n inject: {\n prefixClass: {\n default: 'mx'\n }\n },\n data: function data() {\n return {\n scrollbarWidth: 0,\n thumbTop: '',\n thumbHeight: ''\n };\n },\n created: function created() {\n this.scrollbarWidth = getScrollbarWidth();\n document.addEventListener('mouseup', this.handleDragend);\n },\n beforeDestroy: function beforeDestroy() {\n document.addEventListener('mouseup', this.handleDragend);\n },\n mounted: function mounted() {\n this.$nextTick(this.getThumbSize);\n },\n methods: {\n getThumbSize: function getThumbSize() {\n var wrap = this.$refs.wrap;\n if (!wrap) return;\n var heightPercentage = wrap.clientHeight * 100 / wrap.scrollHeight;\n this.thumbHeight = heightPercentage < 100 ? \"\".concat(heightPercentage, \"%\") : '';\n },\n handleScroll: function handleScroll(evt) {\n var el = evt.currentTarget;\n var scrollHeight = el.scrollHeight,\n scrollTop = el.scrollTop;\n this.thumbTop = \"\".concat(scrollTop * 100 / scrollHeight, \"%\");\n },\n handleDragstart: function handleDragstart(evt) {\n evt.stopImmediatePropagation();\n this._draggable = true;\n var offsetTop = this.$refs.thumb.offsetTop;\n this._prevY = evt.clientY - offsetTop;\n document.addEventListener('mousemove', this.handleDraging);\n },\n handleDraging: function handleDraging(evt) {\n if (!this._draggable) return;\n var clientY = evt.clientY;\n var wrap = this.$refs.wrap;\n var scrollHeight = wrap.scrollHeight,\n clientHeight = wrap.clientHeight;\n var offsetY = clientY - this._prevY;\n var top = offsetY * scrollHeight / clientHeight;\n wrap.scrollTop = top;\n },\n handleDragend: function handleDragend() {\n if (this._draggable) {\n this._draggable = false;\n document.removeEventListener('mousemove', this.handleDraging);\n }\n }\n }\n};\n\n/* script */\nvar __vue_script__$5 = script$5;\n/* template */\n\nvar __vue_render__$8 = function __vue_render__() {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c('div', {\n class: _vm.prefixClass + \"-scrollbar\",\n style: {\n position: 'relative',\n overflow: 'hidden'\n }\n }, [_c('div', {\n ref: \"wrap\",\n class: _vm.prefixClass + \"-scrollbar-wrap\",\n style: {\n marginRight: \"-\" + _vm.scrollbarWidth + \"px\"\n },\n on: {\n \"scroll\": _vm.handleScroll\n }\n }, [_vm._t(\"default\")], 2), _vm._v(\" \"), _c('div', {\n class: _vm.prefixClass + \"-scrollbar-track\"\n }, [_c('div', {\n ref: \"thumb\",\n class: _vm.prefixClass + \"-scrollbar-thumb\",\n style: {\n height: _vm.thumbHeight,\n top: _vm.thumbTop\n },\n on: {\n \"mousedown\": _vm.handleDragstart\n }\n })])]);\n};\n\nvar __vue_staticRenderFns__$8 = [];\n/* style */\n\nvar __vue_inject_styles__$8 = undefined;\n/* scoped */\n\nvar __vue_scope_id__$8 = undefined;\n/* module identifier */\n\nvar __vue_module_identifier__$8 = undefined;\n/* functional template */\n\nvar __vue_is_functional_template__$8 = false;\n/* style inject */\n\n/* style inject SSR */\n\n/* style inject shadow dom */\n\nvar __vue_component__$8 = normalizeComponent({\n render: __vue_render__$8,\n staticRenderFns: __vue_staticRenderFns__$8\n}, __vue_inject_styles__$8, __vue_script__$5, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);\n\n//\n\nvar padNumber = function padNumber(value) {\n value = parseInt(value, 10);\n return value < 10 ? \"0\".concat(value) : \"\".concat(value);\n};\n\nvar generateOptions = function generateOptions(length, step, options) {\n if (Array.isArray(options)) {\n return options.filter(function (v) {\n return v >= 0 && v < length;\n });\n }\n\n if (step <= 0) {\n step = 1;\n }\n\n var arr = [];\n\n for (var i = 0; i < length; i += step) {\n arr.push(i);\n }\n\n return arr;\n};\n\nvar scrollTo = function scrollTo(element, to) {\n var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;\n\n // jump to target if duration zero\n if (duration <= 0) {\n requestAnimationFrame(function () {\n element.scrollTop = to;\n });\n return;\n }\n\n var difference = to - element.scrollTop;\n var tick = difference / duration * 10;\n requestAnimationFrame(function () {\n var scrollTop = element.scrollTop + tick;\n\n if (scrollTop >= to) {\n element.scrollTop = to;\n return;\n }\n\n element.scrollTop = scrollTop;\n scrollTo(element, to, duration - 10);\n });\n};\n\nvar script$6 = {\n name: 'ListColumns',\n components: {\n ScrollbarVertical: __vue_component__$8\n },\n inject: {\n prefixClass: {\n default: 'mx'\n }\n },\n props: {\n date: Date,\n scrollDuration: {\n type: Number,\n default: 100\n },\n getClasses: {\n type: Function,\n default: function _default() {\n return [];\n }\n },\n hourOptions: Array,\n minuteOptions: Array,\n secondOptions: Array,\n showHour: {\n type: Boolean,\n default: true\n },\n showMinute: {\n type: Boolean,\n default: true\n },\n showSecond: {\n type: Boolean,\n default: true\n },\n hourStep: {\n type: Number,\n default: 1\n },\n minuteStep: {\n type: Number,\n default: 1\n },\n secondStep: {\n type: Number,\n default: 1\n },\n use12h: {\n type: Boolean,\n default: false\n }\n },\n computed: {\n columns: function columns() {\n var cols = [];\n if (this.showHour) cols.push({\n type: 'hour',\n list: this.getHoursList()\n });\n if (this.showMinute) cols.push({\n type: 'minute',\n list: this.getMinutesList()\n });\n if (this.showSecond) cols.push({\n type: 'second',\n list: this.getSecondsList()\n });\n if (this.use12h) cols.push({\n type: 'ampm',\n list: this.getAMPMList()\n });\n return cols.filter(function (v) {\n return v.list.length > 0;\n });\n }\n },\n watch: {\n date: {\n handler: function handler() {\n var _this = this;\n\n this.$nextTick(function () {\n _this.scrollToSelected(_this.scrollDuration);\n });\n }\n }\n },\n mounted: function mounted() {\n this.scrollToSelected(0);\n },\n methods: {\n getHoursList: function getHoursList() {\n var _this2 = this;\n\n return generateOptions(this.use12h ? 12 : 24, this.hourStep, this.hourOptions).map(function (num) {\n var date = new Date(_this2.date);\n var text = padNumber(num);\n\n if (_this2.use12h) {\n if (num === 0) {\n text = '12';\n }\n\n if (date.getHours() >= 12) {\n num += 12;\n }\n }\n\n var value = date.setHours(num);\n return {\n value: value,\n text: text\n };\n });\n },\n getMinutesList: function getMinutesList() {\n var _this3 = this;\n\n return generateOptions(60, this.minuteStep, this.minuteOptions).map(function (num) {\n var value = new Date(_this3.date).setMinutes(num);\n return {\n value: value,\n text: padNumber(num)\n };\n });\n },\n getSecondsList: function getSecondsList() {\n var _this4 = this;\n\n return generateOptions(60, this.secondStep, this.secondOptions).map(function (num) {\n var value = new Date(_this4.date).setSeconds(num);\n return {\n value: value,\n text: padNumber(num)\n };\n });\n },\n getAMPMList: function getAMPMList() {\n var _this5 = this;\n\n return ['AM', 'PM'].map(function (text, i) {\n var date = new Date(_this5.date);\n var value = date.setHours(date.getHours() % 12 + i * 12);\n return {\n text: text,\n value: value\n };\n });\n },\n scrollToSelected: function scrollToSelected(duration) {\n var elements = this.$el.querySelectorAll('.active');\n\n for (var i = 0; i < elements.length; i++) {\n var element = elements[i];\n var scrollElement = getScrollParent(element, this.$el);\n\n if (scrollElement) {\n var to = element.offsetTop;\n scrollTo(scrollElement, to, duration);\n }\n }\n },\n handleSelect: function handleSelect(evt) {\n var target = evt.target,\n currentTarget = evt.currentTarget;\n if (target.tagName.toUpperCase() !== 'LI') return;\n var type = currentTarget.getAttribute('data-type');\n var colIndex = parseInt(currentTarget.getAttribute('data-index'), 10);\n var cellIndex = parseInt(target.getAttribute('data-index'), 10);\n var value = this.columns[colIndex].list[cellIndex].value;\n this.$emit('select', value, type);\n }\n }\n};\n\n/* script */\nvar __vue_script__$6 = script$6;\n/* template */\n\nvar __vue_render__$9 = function __vue_render__() {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c('div', {\n class: _vm.prefixClass + \"-time-columns\"\n }, _vm._l(_vm.columns, function (col, i) {\n return _c('scrollbar-vertical', {\n key: i,\n class: _vm.prefixClass + \"-time-column\"\n }, [_c('ul', {\n class: _vm.prefixClass + \"-time-list\",\n attrs: {\n \"data-type\": col.type,\n \"data-index\": i\n },\n on: {\n \"click\": _vm.handleSelect\n }\n }, _vm._l(col.list, function (item, j) {\n return _c('li', {\n key: item.value,\n class: [_vm.prefixClass + \"-time-item\", _vm.getClasses(item.value, col.type)],\n attrs: {\n \"data-index\": j\n }\n }, [_vm._v(\"\\n \" + _vm._s(item.text) + \"\\n \")]);\n }), 0)]);\n }), 1);\n};\n\nvar __vue_staticRenderFns__$9 = [];\n/* style */\n\nvar __vue_inject_styles__$9 = undefined;\n/* scoped */\n\nvar __vue_scope_id__$9 = undefined;\n/* module identifier */\n\nvar __vue_module_identifier__$9 = undefined;\n/* functional template */\n\nvar __vue_is_functional_template__$9 = false;\n/* style inject */\n\n/* style inject SSR */\n\n/* style inject shadow dom */\n\nvar __vue_component__$9 = normalizeComponent({\n render: __vue_render__$9,\n staticRenderFns: __vue_staticRenderFns__$9\n}, __vue_inject_styles__$9, __vue_script__$6, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);\n\n//\n\nfunction parseOption() {\n var time = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n var values = time.split(':');\n\n if (values.length >= 2) {\n var hours = parseInt(values[0], 10);\n var minutes = parseInt(values[1], 10);\n return {\n hours: hours,\n minutes: minutes\n };\n }\n\n return null;\n}\n\nvar scrollTo$1 = function scrollTo(element, to) {\n if (element) {\n element.scrollTop = to;\n }\n};\n\nvar script$7 = {\n name: 'ListOptions',\n components: {\n ScrollbarVertical: __vue_component__$8\n },\n inject: {\n getLocale: {\n default: function _default() {\n return getLocale;\n }\n },\n prefixClass: {\n default: 'mx'\n }\n },\n props: {\n date: Date,\n options: {\n type: [Object, Function],\n default: function _default() {\n return [];\n }\n },\n format: {\n type: String,\n default: 'HH:mm:ss'\n },\n getClasses: {\n type: Function,\n default: function _default() {\n return [];\n }\n }\n },\n computed: {\n list: function list() {\n var result = [];\n var options = this.options;\n\n if (typeof options === 'function') {\n return options() || [];\n }\n\n var start = parseOption(options.start);\n var end = parseOption(options.end);\n var step = parseOption(options.step);\n var fmt = options.format || this.format;\n\n if (start && end && step) {\n var startMinutes = start.minutes + start.hours * 60;\n var endMinutes = end.minutes + end.hours * 60;\n var stepMinutes = step.minutes + step.hours * 60;\n var len = Math.floor((endMinutes - startMinutes) / stepMinutes);\n\n for (var i = 0; i <= len; i++) {\n var timeMinutes = startMinutes + i * stepMinutes;\n var hours = Math.floor(timeMinutes / 60);\n var minutes = timeMinutes % 60;\n var value = new Date(this.date).setHours(hours, minutes, 0);\n result.push({\n value: value,\n text: this.formatDate(value, fmt)\n });\n }\n }\n\n return result;\n }\n },\n mounted: function mounted() {\n this.scrollToSelected();\n },\n methods: {\n formatDate: function formatDate(date, fmt) {\n return format(date, fmt, {\n locale: this.getLocale().formatLocale\n });\n },\n scrollToSelected: function scrollToSelected() {\n var element = this.$el.querySelector('.active');\n if (!element) return;\n var scrollElement = getScrollParent(element, this.$el);\n if (!scrollElement) return;\n var to = element.offsetTop;\n scrollTo$1(scrollElement, to);\n },\n handleSelect: function handleSelect(value) {\n this.$emit('select', value, 'time');\n }\n }\n};\n\n/* script */\nvar __vue_script__$7 = script$7;\n/* template */\n\nvar __vue_render__$a = function __vue_render__() {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c('scrollbar-vertical', _vm._l(_vm.list, function (item) {\n return _c('div', {\n key: item.value,\n class: [_vm.prefixClass + \"-time-option\", _vm.getClasses(item.value)],\n on: {\n \"click\": function click($event) {\n return _vm.handleSelect(item.value);\n }\n }\n }, [_vm._v(\"\\n \" + _vm._s(item.text) + \"\\n \")]);\n }), 0);\n};\n\nvar __vue_staticRenderFns__$a = [];\n/* style */\n\nvar __vue_inject_styles__$a = undefined;\n/* scoped */\n\nvar __vue_scope_id__$a = undefined;\n/* module identifier */\n\nvar __vue_module_identifier__$a = undefined;\n/* functional template */\n\nvar __vue_is_functional_template__$a = false;\n/* style inject */\n\n/* style inject SSR */\n\n/* style inject shadow dom */\n\nvar __vue_component__$a = normalizeComponent({\n render: __vue_render__$a,\n staticRenderFns: __vue_staticRenderFns__$a\n}, __vue_inject_styles__$a, __vue_script__$7, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);\n\n//\nvar script$8 = {\n name: 'TimePanel',\n components: {\n ListColumns: __vue_component__$9,\n ListOptions: __vue_component__$a\n },\n inject: {\n getLocale: {\n default: function _default() {\n return getLocale;\n }\n },\n prefixClass: {\n default: 'mx'\n }\n },\n props: {\n value: {},\n defaultValue: {\n default: function _default() {\n var date = new Date();\n date.setHours(0, 0, 0, 0);\n return date;\n }\n },\n format: {\n default: 'HH:mm:ss'\n },\n timeTitleFormat: {\n type: String,\n default: 'YYYY-MM-DD'\n },\n showTimeHeader: {\n type: Boolean,\n default: false\n },\n disabledTime: {\n type: Function,\n default: function _default() {\n return false;\n }\n },\n timePickerOptions: {\n type: [Object, Function],\n default: function _default() {\n return null;\n }\n },\n hourOptions: Array,\n minuteOptions: Array,\n secondOptions: Array,\n hourStep: {\n type: Number,\n default: 1\n },\n minuteStep: {\n type: Number,\n default: 1\n },\n secondStep: {\n type: Number,\n default: 1\n },\n showHour: {\n type: Boolean,\n default: undefined\n },\n showMinute: {\n type: Boolean,\n default: undefined\n },\n showSecond: {\n type: Boolean,\n default: undefined\n },\n use12h: {\n type: Boolean,\n default: undefined\n },\n scrollDuration: {\n type: Number,\n default: 100\n }\n },\n data: function data() {\n return {\n innerValue: getValidDate(this.value, this.defaultValue)\n };\n },\n computed: {\n title: function title() {\n var titleFormat = this.timeTitleFormat;\n var date = new Date(this.innerValue);\n return this.formatDate(date, titleFormat);\n },\n innerForamt: function innerForamt() {\n return typeof this.format === 'string' ? this.format : 'HH:mm:ss';\n },\n ShowHourMinuteSecondAMPM: function ShowHourMinuteSecondAMPM() {\n var _this = this;\n\n var fmt = this.innerForamt;\n var defaultProps = {\n showHour: /[HhKk]/.test(fmt),\n showMinute: /m/.test(fmt),\n showSecond: /s/.test(fmt),\n use12h: /a/i.test(fmt)\n };\n var obj = {};\n Object.keys(defaultProps).forEach(function (key) {\n obj[key] = typeof _this[key] === 'boolean' ? _this[key] : defaultProps[key];\n });\n return obj;\n }\n },\n watch: {\n value: {\n immediate: true,\n handler: function handler() {\n this.innerValue = getValidDate(this.value, this.defaultValue);\n }\n }\n },\n methods: {\n formatDate: function formatDate(date, fmt) {\n return format(date, fmt, {\n locale: this.getLocale().formatLocale\n });\n },\n isDisabledTime: function isDisabledTime(value) {\n return this.disabledTime(new Date(value));\n },\n isDisabledHour: function isDisabledHour(date) {\n var value = new Date(date);\n return this.isDisabledTime(value) && this.isDisabledTime(value.setMinutes(0, 0, 0)) && this.isDisabledTime(value.setMinutes(59, 59, 999));\n },\n isDisabledMinute: function isDisabledMinute(date) {\n var value = new Date(date);\n return this.isDisabledTime(value) && this.isDisabledTime(value.setSeconds(0, 0)) && this.isDisabledTime(value.setSeconds(59, 999));\n },\n isDisabledAMPM: function isDisabledAMPM(date) {\n var value = new Date(date);\n var minHour = value.getHours() < 12 ? 0 : 12;\n var maxHour = minHour + 11;\n return this.isDisabledTime(value) && this.isDisabledTime(value.setHours(minHour, 0, 0, 0)) && this.isDisabledTime(value.setHours(maxHour, 59, 59, 999));\n },\n isDisabled: function isDisabled(date, type) {\n if (type === 'hour') {\n return this.isDisabledHour(date);\n }\n\n if (type === 'minute') {\n return this.isDisabledMinute(date);\n }\n\n if (type === 'ampm') {\n return this.isDisabledAMPM(date);\n }\n\n return this.isDisabledTime(date);\n },\n handleSelect: function handleSelect(value, type) {\n var date = new Date(value);\n\n if (!this.isDisabled(value, type)) {\n this.innerValue = date;\n\n if (!this.isDisabledTime(date)) {\n this.$emit('select', date, type);\n }\n }\n },\n handleClickTitle: function handleClickTitle() {\n this.$emit('clicktitle');\n },\n getClasses: function getClasses(value, type) {\n var cellDate = new Date(value);\n\n if (this.isDisabled(value, type)) {\n return 'disabled';\n }\n\n if (cellDate.getTime() === this.innerValue.getTime()) {\n return 'active';\n }\n\n return '';\n }\n }\n};\n\n/* script */\nvar __vue_script__$8 = script$8;\n/* template */\n\nvar __vue_render__$b = function __vue_render__() {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c('div', {\n class: _vm.prefixClass + \"-time\"\n }, [_vm.showTimeHeader ? _c('div', {\n class: _vm.prefixClass + \"-time-header\"\n }, [_c('button', {\n class: _vm.prefixClass + \"-btn \" + _vm.prefixClass + \"-btn-text \" + _vm.prefixClass + \"-time-header-title\",\n attrs: {\n \"type\": \"button\"\n },\n on: {\n \"click\": _vm.handleClickTitle\n }\n }, [_vm._v(\"\\n \" + _vm._s(_vm.title) + \"\\n \")])]) : _vm._e(), _vm._v(\" \"), _c('div', {\n class: _vm.prefixClass + \"-time-content\"\n }, [_vm.timePickerOptions ? _c('list-options', {\n attrs: {\n \"date\": _vm.innerValue,\n \"get-classes\": _vm.getClasses,\n \"options\": _vm.timePickerOptions,\n \"format\": _vm.innerForamt\n },\n on: {\n \"select\": _vm.handleSelect\n }\n }) : _c('list-columns', _vm._b({\n attrs: {\n \"date\": _vm.innerValue,\n \"get-classes\": _vm.getClasses,\n \"hour-options\": _vm.hourOptions,\n \"minute-options\": _vm.minuteOptions,\n \"second-options\": _vm.secondOptions,\n \"hour-step\": _vm.hourStep,\n \"minute-step\": _vm.minuteStep,\n \"second-step\": _vm.secondStep,\n \"scroll-duration\": _vm.scrollDuration\n },\n on: {\n \"select\": _vm.handleSelect\n }\n }, 'list-columns', _vm.ShowHourMinuteSecondAMPM, false))], 1)]);\n};\n\nvar __vue_staticRenderFns__$b = [];\n/* style */\n\nvar __vue_inject_styles__$b = undefined;\n/* scoped */\n\nvar __vue_scope_id__$b = undefined;\n/* module identifier */\n\nvar __vue_module_identifier__$b = undefined;\n/* functional template */\n\nvar __vue_is_functional_template__$b = false;\n/* style inject */\n\n/* style inject SSR */\n\n/* style inject shadow dom */\n\nvar __vue_component__$b = normalizeComponent({\n render: __vue_render__$b,\n staticRenderFns: __vue_staticRenderFns__$b\n}, __vue_inject_styles__$b, __vue_script__$8, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, undefined, undefined);\n\nvar TimeRange = {\n name: 'TimeRange',\n inject: {\n prefixClass: {\n default: 'mx'\n }\n },\n props: _objectSpread2({}, __vue_component__$b.props),\n data: function data() {\n return {\n startValue: new Date(NaN),\n endValue: new Date(NaN)\n };\n },\n watch: {\n value: {\n immediate: true,\n handler: function handler() {\n if (isValidRangeDate(this.value)) {\n var _this$value = _slicedToArray(this.value, 2),\n startValue = _this$value[0],\n endValue = _this$value[1];\n\n this.startValue = startValue;\n this.endValue = endValue;\n } else {\n this.startValue = new Date(NaN);\n this.endValue = new Date(NaN);\n }\n }\n }\n },\n methods: {\n emitChange: function emitChange(type, index) {\n var date = [this.startValue, this.endValue];\n this.$emit('select', date, type === 'time' ? 'time-range' : type, index);\n },\n handleSelectStart: function handleSelectStart(date, type) {\n this.startValue = date; // check the NaN\n\n if (!(this.endValue.getTime() >= date.getTime())) {\n this.endValue = date;\n }\n\n this.emitChange(type, 0);\n },\n handleSelectEnd: function handleSelectEnd(date, type) {\n // check the NaN\n this.endValue = date;\n\n if (!(this.startValue.getTime() <= date.getTime())) {\n this.startValue = date;\n }\n\n this.emitChange(type, 1);\n },\n disabledStartTime: function disabledStartTime(date) {\n return this.disabledTime(date, 0);\n },\n disabledEndTime: function disabledEndTime(date) {\n return date.getTime() < this.startValue.getTime() || this.disabledTime(date, 1);\n }\n },\n render: function render() {\n var h = arguments[0];\n var defaultValues = Array.isArray(this.defaultValue) ? this.defaultValue : [this.defaultValue, this.defaultValue];\n var prefixClass = this.prefixClass;\n return h(\"div\", {\n \"class\": \"\".concat(prefixClass, \"-range-wrapper\")\n }, [h(__vue_component__$b, {\n \"props\": _objectSpread2({}, _objectSpread2({}, this.$props, {\n value: this.startValue,\n defaultValue: defaultValues[0],\n disabledTime: this.disabledStartTime\n })),\n \"on\": _objectSpread2({}, _objectSpread2({}, this.$listeners, {\n select: this.handleSelectStart\n }))\n }), h(__vue_component__$b, {\n \"props\": _objectSpread2({}, _objectSpread2({}, this.$props, {\n value: this.endValue,\n defaultValue: defaultValues[1],\n disabledTime: this.disabledEndTime\n })),\n \"on\": _objectSpread2({}, _objectSpread2({}, this.$listeners, {\n select: this.handleSelectEnd\n }))\n })]);\n }\n};\n\nvar DatetimePanel = {\n name: 'DatetimePanel',\n inject: {\n prefixClass: {\n default: 'mx'\n }\n },\n emits: ['select', 'update:show-time-panel'],\n props: _objectSpread2({}, CalendarPanel.props, {}, __vue_component__$b.props, {\n showTimePanel: {\n type: Boolean,\n default: undefined\n }\n }),\n data: function data() {\n return {\n defaultTimeVisible: false,\n currentValue: this.value\n };\n },\n computed: {\n timeVisible: function timeVisible() {\n return typeof this.showTimePanel === 'boolean' ? this.showTimePanel : this.defaultTimeVisible;\n }\n },\n watch: {\n value: function value(val) {\n this.currentValue = val;\n }\n },\n methods: {\n closeTimePanel: function closeTimePanel() {\n this.defaultTimeVisible = false;\n this.$emit('update:show-time-panel', false);\n },\n openTimePanel: function openTimePanel() {\n this.defaultTimeVisible = true;\n this.$emit('update:show-time-panel', true);\n },\n emitDate: function emitDate(date, type) {\n this.$emit('select', date, type);\n },\n handleSelect: function handleSelect(date, type) {\n if (type === 'date') {\n this.openTimePanel();\n }\n\n var datetime = assignTime(date, getValidDate(this.value, this.defaultValue));\n\n if (this.disabledTime(new Date(datetime))) {\n // set the time of defalutValue;\n datetime = assignTime(date, this.defaultValue);\n\n if (this.disabledTime(new Date(datetime))) {\n // if disabled don't emit date\n this.currentValue = datetime;\n return;\n }\n }\n\n this.emitDate(datetime, type);\n }\n },\n render: function render() {\n var h = arguments[0];\n var calendarProps = {\n props: _objectSpread2({}, pick(this.$props, Object.keys(CalendarPanel.props)), {\n type: 'date',\n value: this.currentValue\n }),\n on: {\n select: this.handleSelect\n }\n };\n var timeProps = {\n props: _objectSpread2({}, pick(this.$props, Object.keys(__vue_component__$b.props)), {\n showTimeHeader: true,\n value: this.currentValue\n }),\n on: {\n select: this.emitDate,\n clicktitle: this.closeTimePanel\n }\n };\n var prefixClass = this.prefixClass;\n return h(\"div\", [h(CalendarPanel, helper([{}, calendarProps])), this.timeVisible && h(__vue_component__$b, helper([{\n \"class\": \"\".concat(prefixClass, \"-calendar-time\")\n }, timeProps]))]);\n }\n};\n\nvar DatetimeRange = {\n name: 'DatetimeRange',\n inject: {\n prefixClass: {\n default: 'mx'\n }\n },\n emits: ['select', 'update:show-time-panel'],\n props: _objectSpread2({}, CalendarRange.props, {}, TimeRange.props, {\n showTimePanel: {\n type: Boolean,\n default: undefined\n }\n }),\n data: function data() {\n return {\n defaultTimeVisible: false,\n currentValue: this.value\n };\n },\n computed: {\n timeVisible: function timeVisible() {\n return typeof this.showTimePanel === 'boolean' ? this.showTimePanel : this.defaultTimeVisible;\n }\n },\n watch: {\n value: function value(val) {\n this.currentValue = val;\n }\n },\n methods: {\n closeTimePanel: function closeTimePanel() {\n this.defaultTimeVisible = false;\n this.$emit('update:show-time-panel', false);\n },\n openTimePanel: function openTimePanel() {\n this.defaultTimeVisible = true;\n this.$emit('update:show-time-panel', true);\n },\n emitDate: function emitDate(dates, type) {\n this.$emit('select', dates, type);\n },\n handleSelect: function handleSelect(dates, type) {\n var _this = this;\n\n if (type === 'date') {\n this.openTimePanel();\n }\n\n var defaultValues = Array.isArray(this.defaultValue) ? this.defaultValue : [this.defaultValue, this.defaultValue];\n var datetimes = dates.map(function (date, i) {\n var time = isValidRangeDate(_this.value) ? _this.value[i] : defaultValues[i];\n return assignTime(date, time);\n });\n\n if (datetimes[1].getTime() < datetimes[0].getTime()) {\n datetimes = [datetimes[0], datetimes[0]];\n }\n\n if (datetimes.some(this.disabledTime)) {\n datetimes = dates.map(function (date, i) {\n return assignTime(date, defaultValues[i]);\n });\n\n if (datetimes.some(this.disabledTime)) {\n this.currentValue = datetimes;\n return;\n }\n }\n\n this.emitDate(datetimes, type);\n }\n },\n render: function render() {\n var h = arguments[0];\n var calendarProps = {\n props: _objectSpread2({}, pick(this.$props, Object.keys(CalendarRange.props)), {\n type: 'date',\n value: this.currentValue\n }),\n on: {\n select: this.handleSelect\n }\n };\n var timeProps = {\n props: _objectSpread2({}, pick(this.$props, Object.keys(TimeRange.props)), {\n value: this.currentValue,\n showTimeHeader: true\n }),\n on: {\n select: this.emitDate,\n clicktitle: this.closeTimePanel\n }\n };\n var prefixClass = this.prefixClass;\n return h(\"div\", [h(CalendarRange, helper([{}, calendarProps])), this.timeVisible && h(TimeRange, helper([{\n \"class\": \"\".concat(prefixClass, \"-calendar-time\")\n }, timeProps]))]);\n }\n};\n\nvar componentMap = {\n default: CalendarPanel,\n time: __vue_component__$b,\n datetime: DatetimePanel\n};\nvar componentRangeMap = {\n default: CalendarRange,\n time: TimeRange,\n datetime: DatetimeRange\n};\nvar DatePicker = {\n name: 'DatePicker',\n provide: function provide() {\n var _this = this;\n\n return {\n // make locale reactive\n getLocale: function getLocale() {\n return _this.locale;\n },\n getWeek: this.getWeek,\n prefixClass: this.prefixClass,\n dispatchDatePicker: this.$emit.bind(this)\n };\n },\n props: _objectSpread2({}, DatetimePanel.props, {\n value: {},\n valueType: {\n type: String,\n default: 'date' // date, format, timestamp, or token like 'YYYY-MM-DD'\n\n },\n type: {\n type: String,\n // ['date', 'datetime', 'time', 'year', 'month', 'week']\n default: 'date'\n },\n format: {\n type: String\n },\n formatter: {\n type: Object\n },\n range: {\n type: Boolean,\n default: false\n },\n multiple: {\n type: Boolean,\n default: false\n },\n rangeSeparator: {\n type: String\n },\n lang: {\n type: [String, Object]\n },\n placeholder: {\n type: String,\n default: ''\n },\n editable: {\n type: Boolean,\n default: true\n },\n disabled: {\n type: Boolean,\n default: false\n },\n clearable: {\n type: Boolean,\n default: true\n },\n prefixClass: {\n type: String,\n default: 'mx'\n },\n inputClass: {},\n inputAttr: {\n type: Object,\n default: function _default() {\n return {};\n }\n },\n appendToBody: {\n type: Boolean,\n default: true\n },\n open: {\n type: Boolean,\n default: undefined\n },\n popupClass: {},\n popupStyle: {\n type: Object,\n default: function _default() {\n return {};\n }\n },\n inline: {\n type: Boolean,\n default: false\n },\n confirm: {\n type: Boolean,\n default: false\n },\n confirmText: {\n type: String,\n default: 'OK'\n },\n renderInputText: {\n type: Function\n },\n shortcuts: {\n type: Array,\n validator: function validator(value) {\n return Array.isArray(value) && value.every(function (v) {\n return isObject(v) && typeof v.text === 'string' && typeof v.onClick === 'function';\n });\n },\n default: function _default() {\n return [];\n }\n }\n }),\n data: function data() {\n return {\n // cache the innervalue, wait to confirm\n currentValue: null,\n userInput: null,\n defaultOpen: false,\n mouseInInput: false\n };\n },\n computed: {\n popupVisible: function popupVisible() {\n return !this.disabled && (typeof this.open === 'boolean' ? this.open : this.defaultOpen);\n },\n innerRangeSeparator: function innerRangeSeparator() {\n return this.rangeSeparator || (this.multiple ? ',' : ' ~ ');\n },\n innerFormat: function innerFormat() {\n var map = {\n date: 'YYYY-MM-DD',\n datetime: 'YYYY-MM-DD HH:mm:ss',\n year: 'YYYY',\n month: 'YYYY-MM',\n time: 'HH:mm:ss',\n week: 'w'\n };\n return this.format || map[this.type] || map.date;\n },\n innerValue: function innerValue() {\n var value = this.value;\n\n if (this.validMultipleType) {\n value = Array.isArray(value) ? value : [];\n return value.map(this.value2date);\n }\n\n if (this.range) {\n value = Array.isArray(value) ? value.slice(0, 2) : [null, null];\n return value.map(this.value2date);\n }\n\n return this.value2date(value);\n },\n text: function text() {\n var _this2 = this;\n\n if (this.userInput !== null) {\n return this.userInput;\n }\n\n if (typeof this.renderInputText === 'function') {\n return this.renderInputText(this.innerValue);\n }\n\n if (!this.isValidValue(this.innerValue)) {\n return '';\n }\n\n if (Array.isArray(this.innerValue)) {\n return this.innerValue.map(function (v) {\n return _this2.formatDate(v);\n }).join(this.innerRangeSeparator);\n }\n\n return this.formatDate(this.innerValue);\n },\n showClearIcon: function showClearIcon() {\n return !this.disabled && this.clearable && this.text && this.mouseInInput;\n },\n locale: function locale() {\n if (isObject(this.lang)) {\n return mergeDeep(getLocale(), this.lang);\n }\n\n return getLocale(this.lang);\n },\n validMultipleType: function validMultipleType() {\n var types = ['date', 'month', 'year'];\n return this.multiple && !this.range && types.indexOf(this.type) !== -1;\n }\n },\n watch: {\n innerValue: {\n immediate: true,\n handler: function handler(val) {\n this.currentValue = val;\n }\n },\n popupVisible: {\n handler: function handler(val) {\n if (val) {\n this.currentValue = this.innerValue;\n }\n }\n }\n },\n created: function created() {\n if (_typeof(this.format) === 'object') {\n console.warn(\"[vue2-datepicker]: The prop `format` don't support Object any more. You can use the new prop `formatter` to replace it\");\n }\n },\n methods: {\n handleMouseEnter: function handleMouseEnter() {\n this.mouseInInput = true;\n },\n handleMouseLeave: function handleMouseLeave() {\n this.mouseInInput = false;\n },\n handleClickOutSide: function handleClickOutSide(evt) {\n var target = evt.target;\n\n if (!this.$el.contains(target)) {\n this.closePopup();\n }\n },\n getFormatter: function getFormatter(key) {\n return isObject(this.formatter) && this.formatter[key] || isObject(this.format) && this.format[key];\n },\n getWeek: function getWeek$1(date, options) {\n if (typeof this.getFormatter('getWeek') === 'function') {\n return this.getFormatter('getWeek')(date, options);\n }\n\n return getWeek(date, options);\n },\n parseDate: function parseDate(value, fmt) {\n fmt = fmt || this.innerFormat;\n\n if (typeof this.getFormatter('parse') === 'function') {\n return this.getFormatter('parse')(value, fmt);\n }\n\n var backupDate = new Date();\n return parse(value, fmt, {\n locale: this.locale.formatLocale,\n backupDate: backupDate\n });\n },\n formatDate: function formatDate(date, fmt) {\n fmt = fmt || this.innerFormat;\n\n if (typeof this.getFormatter('stringify') === 'function') {\n return this.getFormatter('stringify')(date, fmt);\n }\n\n return format(date, fmt, {\n locale: this.locale.formatLocale\n });\n },\n // transform the outer value to inner date\n value2date: function value2date(value) {\n switch (this.valueType) {\n case 'date':\n return value instanceof Date ? new Date(value.getTime()) : new Date(NaN);\n\n case 'timestamp':\n return typeof value === 'number' ? new Date(value) : new Date(NaN);\n\n case 'format':\n return typeof value === 'string' ? this.parseDate(value) : new Date(NaN);\n\n default:\n return typeof value === 'string' ? this.parseDate(value, this.valueType) : new Date(NaN);\n }\n },\n // transform the inner date to outer value\n date2value: function date2value(date) {\n if (!isValidDate(date)) return null;\n\n switch (this.valueType) {\n case 'date':\n return date;\n\n case 'timestamp':\n return date.getTime();\n\n case 'format':\n return this.formatDate(date);\n\n default:\n return this.formatDate(date, this.valueType);\n }\n },\n emitValue: function emitValue(date, type) {\n var close = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;\n // fix IE11/10 trigger input event when input is focused. (placeholder !== '')\n this.userInput = null;\n var value = Array.isArray(date) ? date.map(this.date2value) : this.date2value(date);\n this.$emit('input', value);\n this.$emit('change', value, type);\n\n if (close) {\n this.closePopup();\n }\n\n return value;\n },\n isValidValue: function isValidValue(value) {\n if (this.validMultipleType) {\n return isValidDates(value);\n }\n\n if (this.range) {\n return isValidRangeDate(value);\n }\n\n return isValidDate(value);\n },\n isValidValueAndNotDisabled: function isValidValueAndNotDisabled(value) {\n if (!this.isValidValue(value)) {\n return false;\n }\n\n var disabledDate = typeof this.disabledDate === 'function' ? this.disabledDate : function () {\n return false;\n };\n var disabledTime = typeof this.disabledTime === 'function' ? this.disabledTime : function () {\n return false;\n };\n\n if (!Array.isArray(value)) {\n value = [value];\n }\n\n return value.every(function (v) {\n return !disabledDate(v) && !disabledTime(v);\n });\n },\n handleMultipleDates: function handleMultipleDates(date, dates) {\n if (this.validMultipleType && dates) {\n var nextDates = dates.filter(function (v) {\n return v.getTime() !== date.getTime();\n });\n\n if (nextDates.length === dates.length) {\n nextDates.push(date);\n }\n\n return nextDates;\n }\n\n return date;\n },\n handleSelectDate: function handleSelectDate(val, type, dates) {\n val = this.handleMultipleDates(val, dates);\n\n if (this.confirm) {\n this.currentValue = val;\n } else {\n this.emitValue(val, type, // this.type === 'datetime', click the time should close popup\n !this.validMultipleType && (type === this.type || type === 'time'));\n }\n },\n clear: function clear() {\n this.emitValue(this.range ? [null, null] : null);\n this.$emit('clear');\n },\n handleClear: function handleClear(evt) {\n evt.stopPropagation();\n this.clear();\n },\n handleConfirmDate: function handleConfirmDate() {\n var value = this.emitValue(this.currentValue);\n this.$emit('confirm', value);\n },\n handleSelectShortcut: function handleSelectShortcut(evt) {\n var index = evt.currentTarget.getAttribute('data-index');\n var item = this.shortcuts[parseInt(index, 10)];\n\n if (isObject(item) && typeof item.onClick === 'function') {\n var date = item.onClick(this);\n\n if (date) {\n this.emitValue(date);\n }\n }\n },\n openPopup: function openPopup(evt) {\n if (this.popupVisible || this.disabled) return;\n this.defaultOpen = true;\n this.$emit('open', evt);\n this.$emit('update:open', true);\n },\n closePopup: function closePopup() {\n if (!this.popupVisible) return;\n this.defaultOpen = false;\n this.$emit('close');\n this.$emit('update:open', false);\n },\n blur: function blur() {\n // when use slot input\n if (this.$refs.input) {\n this.$refs.input.blur();\n }\n },\n focus: function focus() {\n if (this.$refs.input) {\n this.$refs.input.focus();\n }\n },\n handleInputChange: function handleInputChange() {\n var _this3 = this;\n\n if (!this.editable || this.userInput === null) return;\n var text = this.userInput.trim();\n this.userInput = null;\n\n if (text === '') {\n this.clear();\n return;\n }\n\n var date;\n\n if (this.validMultipleType) {\n date = text.split(this.innerRangeSeparator).map(function (v) {\n return _this3.parseDate(v.trim());\n });\n } else if (this.range) {\n var arr = text.split(this.innerRangeSeparator);\n\n if (arr.length !== 2) {\n // Maybe the separator during the day is the same as the separator for the date\n // eg: 2019-10-09-2020-01-02\n arr = text.split(this.innerRangeSeparator.trim());\n }\n\n date = arr.map(function (v) {\n return _this3.parseDate(v.trim());\n });\n } else {\n date = this.parseDate(text);\n }\n\n if (this.isValidValueAndNotDisabled(date)) {\n this.emitValue(date);\n this.blur();\n } else {\n this.$emit('input-error', text);\n }\n },\n handleInputInput: function handleInputInput(evt) {\n // slot input v-model\n this.userInput = typeof evt === 'string' ? evt : evt.target.value;\n },\n handleInputKeydown: function handleInputKeydown(evt) {\n var keyCode = evt.keyCode; // Tab 9 or Enter 13\n\n if (keyCode === 9) {\n this.closePopup();\n } else if (keyCode === 13) {\n this.handleInputChange();\n }\n },\n handleInputBlur: function handleInputBlur(evt) {\n // tab close\n this.$emit('blur', evt);\n },\n handleInputFocus: function handleInputFocus(evt) {\n this.openPopup(evt);\n this.$emit('focus', evt);\n },\n hasSlot: function hasSlot(name) {\n return !!(this.$slots[name] || this.$scopedSlots[name]);\n },\n renderSlot: function renderSlot(name, fallback, props) {\n var slotFn = this.$scopedSlots[name];\n\n if (slotFn) {\n return slotFn(props) || fallback;\n }\n\n return this.$slots[name] || fallback;\n },\n renderInput: function renderInput() {\n var h = this.$createElement;\n var prefixClass = this.prefixClass;\n\n var props = _objectSpread2({\n name: 'date',\n type: 'text',\n autocomplete: 'off',\n value: this.text,\n class: this.inputClass || \"\".concat(this.prefixClass, \"-input\"),\n readonly: !this.editable,\n disabled: this.disabled,\n placeholder: this.placeholder\n }, this.inputAttr);\n\n var value = props.value,\n className = props.class,\n attrs = _objectWithoutProperties(props, [\"value\", \"class\"]);\n\n var events = {\n keydown: this.handleInputKeydown,\n focus: this.handleInputFocus,\n blur: this.handleInputBlur,\n input: this.handleInputInput,\n change: this.handleInputChange\n };\n var input = this.renderSlot('input', h(\"input\", {\n \"domProps\": {\n \"value\": value\n },\n \"class\": className,\n \"attrs\": _objectSpread2({}, attrs),\n \"on\": _objectSpread2({}, events),\n \"ref\": \"input\"\n }), {\n props: props,\n events: events\n });\n var calendarIcon = this.type === 'time' ? h(__vue_component__$2) : h(__vue_component__$1); // remove touchstart event to avoid opens the popup while scrolling in mobile #469\n\n return h(\"div\", {\n \"class\": \"\".concat(prefixClass, \"-input-wrapper\"),\n \"on\": {\n \"mouseenter\": this.handleMouseEnter,\n \"mouseleave\": this.handleMouseLeave,\n \"click\": this.openPopup\n },\n \"ref\": \"inputWrapper\"\n }, [input, this.showClearIcon ? h(\"i\", {\n \"class\": \"\".concat(prefixClass, \"-icon-clear\"),\n \"on\": {\n \"click\": this.handleClear\n }\n }, [this.renderSlot('icon-clear', h(__vue_component__$3))]) : h(\"i\", {\n \"class\": \"\".concat(prefixClass, \"-icon-calendar\")\n }, [this.renderSlot('icon-calendar', calendarIcon)])]);\n },\n renderContent: function renderContent() {\n var h = this.$createElement;\n var map = this.range ? componentRangeMap : componentMap;\n var Component = map[this.type] || map.default;\n\n var props = _objectSpread2({}, pick(this.$props, Object.keys(Component.props)), {\n value: this.currentValue\n });\n\n var on = _objectSpread2({}, pick(this.$listeners, Component.emits || []), {\n select: this.handleSelectDate\n });\n\n var content = h(Component, helper([{}, {\n props: props,\n on: on,\n ref: 'picker'\n }]));\n return h(\"div\", {\n \"class\": \"\".concat(this.prefixClass, \"-datepicker-body\")\n }, [this.renderSlot('content', content, {\n value: this.currentValue,\n emit: this.handleSelectDate\n })]);\n },\n renderSidebar: function renderSidebar() {\n var _this4 = this;\n\n var h = this.$createElement;\n var prefixClass = this.prefixClass;\n return h(\"div\", {\n \"class\": \"\".concat(prefixClass, \"-datepicker-sidebar\")\n }, [this.renderSlot('sidebar', null, {\n value: this.currentValue,\n emit: this.handleSelectDate\n }), this.shortcuts.map(function (v, i) {\n return h(\"button\", {\n \"key\": i,\n \"attrs\": {\n \"data-index\": i,\n \"type\": \"button\"\n },\n \"class\": \"\".concat(prefixClass, \"-btn \").concat(prefixClass, \"-btn-text \").concat(prefixClass, \"-btn-shortcut\"),\n \"on\": {\n \"click\": _this4.handleSelectShortcut\n }\n }, [v.text]);\n })]);\n },\n renderHeader: function renderHeader() {\n var h = this.$createElement;\n return h(\"div\", {\n \"class\": \"\".concat(this.prefixClass, \"-datepicker-header\")\n }, [this.renderSlot('header', null, {\n value: this.currentValue,\n emit: this.handleSelectDate\n })]);\n },\n renderFooter: function renderFooter() {\n var h = this.$createElement;\n var prefixClass = this.prefixClass;\n return h(\"div\", {\n \"class\": \"\".concat(prefixClass, \"-datepicker-footer\")\n }, [this.renderSlot('footer', null, {\n value: this.currentValue,\n emit: this.handleSelectDate\n }), this.confirm ? h(\"button\", {\n \"attrs\": {\n \"type\": \"button\"\n },\n \"class\": \"\".concat(prefixClass, \"-btn \").concat(prefixClass, \"-datepicker-btn-confirm\"),\n \"on\": {\n \"click\": this.handleConfirmDate\n }\n }, [this.confirmText]) : null]);\n }\n },\n render: function render() {\n var _class;\n\n var h = arguments[0];\n var prefixClass = this.prefixClass,\n inline = this.inline,\n disabled = this.disabled;\n var sidedar = this.hasSlot('sidebar') || this.shortcuts.length ? this.renderSidebar() : null;\n var content = h(\"div\", {\n \"class\": \"\".concat(prefixClass, \"-datepicker-content\")\n }, [this.hasSlot('header') ? this.renderHeader() : null, this.renderContent(), this.hasSlot('footer') || this.confirm ? this.renderFooter() : null]);\n return h(\"div\", {\n \"class\": (_class = {}, _defineProperty(_class, \"\".concat(prefixClass, \"-datepicker\"), true), _defineProperty(_class, \"\".concat(prefixClass, \"-datepicker-range\"), this.range), _defineProperty(_class, \"\".concat(prefixClass, \"-datepicker-inline\"), inline), _defineProperty(_class, \"disabled\", disabled), _class)\n }, [!inline ? this.renderInput() : null, !inline ? h(__vue_component__, {\n \"ref\": \"popup\",\n \"class\": this.popupClass,\n \"style\": this.popupStyle,\n \"attrs\": {\n \"visible\": this.popupVisible,\n \"appendToBody\": this.appendToBody\n },\n \"on\": {\n \"clickoutside\": this.handleClickOutSide\n }\n }, [sidedar, content]) : h(\"div\", {\n \"class\": \"\".concat(prefixClass, \"-datepicker-main\")\n }, [sidedar, content])]);\n }\n};\n\nDatePicker.locale = locale;\n\nDatePicker.install = function install(Vue) {\n Vue.component(DatePicker.name, DatePicker);\n};\n\nif (typeof window !== 'undefined' && window.Vue) {\n DatePicker.install(window.Vue);\n}\n\n_extends(DatePicker, {\n CalendarPanel: CalendarPanel,\n CalendarRange: CalendarRange,\n TimePanel: __vue_component__$b,\n TimeRange: TimeRange,\n DatetimePanel: DatetimePanel,\n DatetimeRange: DatetimeRange\n});\n\nexport default DatePicker;\n","import { render, staticRenderFns } from \"./required-field-explanation.vue?vue&type=template&id=5e10721e\"\nimport script from \"./required-field-explanation.vue?vue&type=script&lang=js\"\nexport * from \"./required-field-explanation.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","\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n
\n\n\n\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"c-requiredfieldexplanation\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('veldenverplicht'))}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { urlAlphabet as scopedUrlAlphabet } from './url-alphabet/index.js'\nexport { urlAlphabet } from './url-alphabet/index.js'\nexport let random = bytes => crypto.getRandomValues(new Uint8Array(bytes))\nexport let customRandom = (alphabet, defaultSize, getRandom) => {\n let mask = (2 << Math.log2(alphabet.length - 1)) - 1\n let step = -~((1.6 * mask * defaultSize) / alphabet.length)\n return (size = defaultSize) => {\n let id = ''\n while (true) {\n let bytes = getRandom(step)\n let j = step | 0\n while (j--) {\n id += alphabet[bytes[j] & mask] || ''\n if (id.length >= size) return id\n }\n }\n }\n}\nexport let customAlphabet = (alphabet, size = 21) =>\n customRandom(alphabet, size | 0, random)\nexport let nanoid = (size = 21) => {\n let id = ''\n let bytes = crypto.getRandomValues(new Uint8Array((size |= 0)))\n while (size--) {\n id += scopedUrlAlphabet[bytes[size] & 63]\n }\n return id\n}\n","export const urlAlphabet =\n 'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict'\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"customtooltip\"},[_c('span',{staticClass:\"tooltip-item\",on:{\"click\":_vm.toggleToolTip}}),_vm._v(\" \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showTooltip),expression:\"showTooltip\"}],staticClass:\"tooltip-content clearfix\"},[_c('small',{domProps:{\"innerHTML\":_vm._s(_vm.$tr(_vm.translationKey))}}),_vm._v(\" \"),_c('button',{staticClass:\"customtooltip__exit\",on:{\"click\":_vm.toggleToolTip}},[_c('svg',{staticClass:\"customtooltip__exit--icon\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"fill\":\"currentColor\",\"height\":\"100%\",\"width\":\"100%\",\"version\":\"1.1\",\"id\":\"Capa_1\",\"viewBox\":\"0 0 460.775 460.775\",\"xml:space\":\"preserve\"}},[_c('path',{attrs:{\"d\":\"M285.08,230.397L456.218,59.27c6.076-6.077,6.076-15.911,0-21.986L423.511,4.565c-2.913-2.911-6.866-4.55-10.992-4.55 c-4.127,0-8.08,1.639-10.993,4.55l-171.138,171.14L59.25,4.565c-2.913-2.911-6.866-4.55-10.993-4.55 c-4.126,0-8.08,1.639-10.992,4.55L4.558,37.284c-6.077,6.075-6.077,15.909,0,21.986l171.138,171.128L4.575,401.505 c-6.074,6.077-6.074,15.911,0,21.986l32.709,32.719c2.911,2.911,6.865,4.55,10.992,4.55c4.127,0,8.08-1.639,10.994-4.55 l171.117-171.12l171.118,171.12c2.913,2.911,6.866,4.55,10.993,4.55c4.128,0,8.081-1.639,10.992-4.55l32.709-32.719 c6.074-6.075,6.074-15.909,0-21.986L285.08,230.397z\"}})])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./custom-tooltip.vue?vue&type=template&id=7484f345\"\nimport script from \"./custom-tooltip.vue?vue&type=script&lang=js\"\nexport * from \"./custom-tooltip.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","\n \n \n \n \n\n \n \n \n\n\n\n","import { render, staticRenderFns } from \"./device.vue?vue&type=template&id=7cc4980d\"\nimport script from \"./device.vue?vue&type=script&lang=js\"\nexport * from \"./device.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","\n \n
\n \n \n
\n \n
\n\n \n
\n\n \n
\n \n
\n \n \n
\n {{ reformatModelNumber(article.modelNumber) }}
\n \n
\n \n
\n \n \n
\n {{ reformatArticleNumber(article.articleNumber) }}
\n \n
\n \n
\n \n \n
\n \n \n \n \n \n {{ article.versionNumber }}\n \n
\n \n
\n \n
\n \n \n *\n
\n \n \n
\n \n
\n {{ getValidationMessage($tr('serienummer'), 'required') }}
\n \n
\n {{ getValidationMessage($tr('serienummer'), 'invalid') }}
\n \n
\n \n
\n \n \n \n
\n \n
\n\n \n \n \n \n \n
\n \n \n \n \n ![\"\"]()
\n
\n \n \n {{ photo.image.name }}\n
\n \n \n ![\"\"]()
\n
\n \n \n \n
\n \n
\n\n \n
\n *
\n \n \n \n \n \n {{ getFormattedDate }}\n \n
\n \n
\n\n \n \n
\n\n = warrantyYear\" class=\"c-device__warning\">\n \n \n
\n\n = 2 && brand != 'Hisense'\" class=\"c-device__warning\">\n \n \n
\n\n \n \n
\n {{ getValidationMessage($tr('aankoopdatum'), 'required') }}
\n \n
\n \n
\n \n \n \n
\n \n
\n\n \n \n \n \n \n
\n \n \n \n \n ![\"\"]()
\n
\n \n \n {{ photo.image.name }}\n
\n \n \n ![\"\"]()
\n
\n \n \n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n
\n *
\n \n \n \n
\n {{ charCounter }}\n \n \n {{ article.userData.description }}\n \n \n
\n \n
\n \n *\n
\n \n \n \n \n \n
\n \n \n \n \n \n \n
\n \n
\n \n \n \n \n
\n \n \n \n
\n \n
\n \n \n \n \n \n
\n \n ![\"\"]()
\n
\n \n \n {{ photo.image.name }}\n
\n \n \n ![\"\"]()
\n
\n \n \n
\n\n\n\n\n\n","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.productsAdded)?_c('div',{staticClass:\"c c-stap\"},[_c('h3',{staticClass:\"c-stap__header\"},[(_vm.userData.articlelist.length === 1)?void 0:void 0],2),_vm._v(\" \"),_c('div',{staticClass:\"c-stap__body\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('vulingevuldegegevensaan'))}}),_vm._v(\" \"),_c('div',{staticClass:\"c-device__overview\"},_vm._l((_vm.userData.articlelist),function(article,index){return _c('Device',{key:article.productId,attrs:{\"index\":index,\"brand\":_vm.brand,\"article\":article,\"userData\":_vm.userData,\"imageRight\":true,\"deviceDescriptionInvalid\":_vm.deviceDescriptionInvalid,\"devicePurchaseDateInvalid\":_vm.devicePurchaseDateInvalid,\"v\":_vm.v}})}),1)])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./step-add-devices.vue?vue&type=template&id=6ffd04ba\"\nimport script from \"./step-add-devices.vue?vue&type=script&lang=js\"\nexport * from \"./step-add-devices.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","\n \n \n \n
\n\n \n
\n \n
\n \n
\n\n\n\n","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.showAddDevice)?_c('div',{staticClass:\"c c-stap\"},[_c('h3',{staticClass:\"c-stap__header\"},[_vm._v(_vm._s(_vm.modelNumber))]),_vm._v(\" \"),_c('div',{staticClass:\"c-stap__body\"},[_c('div',{staticClass:\"c-adddevice\"},[_c('div',{staticClass:\"c-adddevice__row\"},[_c('label',{staticClass:\"c-adddevice__label\",attrs:{\"for\":\"inputModelNumber\"}},[_c('span',[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('modelnummer'))}}),_c('span',[_vm._v(\"*\")]),_c('br')]),_vm._v(\" \"),_c('CustomTooltip',{attrs:{\"translationKey\":\"modelnumbertooltip\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"model-width\"},[_c('div',{staticClass:\"c-adddevice__field\"},[_c('autocomplete',{attrs:{\"id\":\"products\",\"anchor\":\"modelNumber\",\"param\":\"modelNumber\",\"placeholder\":_vm.$tr('bijvoorbeeldcx4612d'),\"url\":\"/api/product/GetProductsUniqueModelNumbers\",\"classes\":{ input: 'form-control' },\"label\":\"\",\"min\":2,\"customParams\":{ language: this.userData.country.toUpperCase(), brand: this.brand },\"on-select\":_vm.setModelNumber}}),_vm._v(\" \"),_c('div',{staticClass:\"c-adddevice__loader\",class:{ loading: _vm.isLoading }},[_vm._m(0)])],1),_vm._v(\" \"),_c('small',{staticClass:\"model-footer\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('modelnummervoettekst'))}})])]),_vm._v(\" \"),(_vm.productNotFound)?_c('div',{staticClass:\"c-adddevice__notfound\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('productnietgevonden'))}}):_vm._e()]),_vm._v(\" \"),_c('RequiredFieldExplanation')],1)]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"btn-loader\"},[_c('i',{staticClass:\"fal fa-spinner-third\"})])\n}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./b2b-fields.vue?vue&type=template&id=997f1886\"\nimport script from \"./b2b-fields.vue?vue&type=script&lang=js\"\nexport * from \"./b2b-fields.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","\n {{ modelNumber }}
\n\n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n\n
\n \n \n \n \n
\n \n \n
\n\n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n
\n\n \n
\n \n \n \n
\n \n \n
\n\n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n\n\n\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"c c-personalinfo\"},[_c('B2bFields',{attrs:{\"userData\":_vm.userData,\"brand\":_vm.brand,\"v\":_vm.v}}),_vm._v(\" \"),_c('div',{staticClass:\"c c-stap\",attrs:{\"validator\":_vm.v.form}},[_c('h3',{staticClass:\"c-stap__header\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('waarmonteurbezoeken'))}}),_vm._v(\" \"),(_vm.isLocal())?_c('button',{staticClass:\"btn btn-secondary\",staticStyle:{\"position\":\"fixed\",\"top\":\"9px\",\"right\":\"9px\"},domProps:{\"innerHTML\":_vm._s(_vm.$tr('vulformulierautomatisch'))},on:{\"click\":_vm.prefillform}}):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"c-stap__body\"},[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-xs-12 col-sm-5 col-md-3 col-xl-4 col-form-label\",attrs:{\"for\":\"inputState\"}},[_c('span',{staticClass:\"required-field\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('aanhef') + '*')}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-xs-12 col-sm-7 col-md-9 col-xl-8\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.salutation),expression:\"userData.salutation\"}],class:`form-control ${_vm.v.userData.salutation.$error ? 'input-validation-error' : ''}`,on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.userData, \"salutation\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"\"},domProps:{\"innerHTML\":_vm._s(_vm.$tr('kiezen'))}}),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"M\"},domProps:{\"innerHTML\":_vm._s(_vm.$tr('man'))}}),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"V\"},domProps:{\"innerHTML\":_vm._s(_vm.$tr('vrouw'))}}),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"X\"},domProps:{\"innerHTML\":_vm._s(_vm.$tr('anders'))}})]),_vm._v(\" \"),(_vm.v.userData.salutation.$error)?_c('div',{staticClass:\"text-sm mt-2 text-red\"},[(!_vm.v.userData.salutation.required)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('aanhef'), 'required'))}}):_vm._e()]):_vm._e()])]),_vm._v(\" \"),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-xs-12 col-sm-5 col-md-3 col-xl-4 col-form-label\",attrs:{\"for\":\"name\"}},[_c('span',{staticClass:\"required-field\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('achternaam') + '*')}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-xs-12 col-sm-7 col-md-9 col-xl-8\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.lastName),expression:\"userData.lastName\"}],class:`form-control ${_vm.v.userData.lastName.$error ? 'input-validation-error' : ''}`,attrs:{\"type\":\"text\",\"id\":\"name\",\"name\":\"family-name\"},domProps:{\"value\":(_vm.userData.lastName)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.$set(_vm.userData, \"lastName\", $event.target.value)},function($event){return _vm.v.userData.lastName.$touch()}]}}),_vm._v(\" \"),(_vm.v.userData.lastName.$error)?_c('div',{staticClass:\"text-sm mt-2 text-red\"},[(!_vm.v.userData.lastName.required)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('achternaam'), 'required'))}}):_vm._e()]):_vm._e()])]),_vm._v(\" \"),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-xs-12 col-sm-5 col-md-3 col-xl-4 col-form-label\",attrs:{\"for\":\"zipcode\"}},[_c('span',{staticClass:\"required-field\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('postcode') + '*')}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-xs-12 col-sm-7 col-md-9 col-xl-8\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.address.zipCode),expression:\"userData.address.zipCode\"}],class:`form-control ${_vm.v.userData.address.zipCode.$error ? 'input-validation-error' : ''}`,attrs:{\"type\":\"text\",\"id\":\"zipcode\",\"name\":\"postal-code\"},domProps:{\"value\":(_vm.userData.address.zipCode)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.$set(_vm.userData.address, \"zipCode\", $event.target.value)},function($event){return _vm.v.userData.address.zipCode.$touch()}],\"keyup\":function($event){return _vm.upperCase()},\"change\":_vm.getCityAndStreet}}),_vm._v(\" \"),(_vm.v.userData.address.zipCode.$error)?_c('div',{staticClass:\"text-sm mt-2 text-red\"},[(!_vm.v.userData.address.zipCode.required)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('postcode'), 'required'))}}):[(!_vm.v.userData.address.zipCode.validNLZipcode)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('postcode'), 'invalid'))}}):_vm._e(),_vm._v(\" \"),(!_vm.v.userData.address.zipCode.maxLength)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('postcode'), 'maxlength6'))}}):_vm._e(),_vm._v(\" \"),(!_vm.v.userData.address.zipCode.alphaNum)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('postcode'), 'alphanum'))}}):_vm._e()]],2):_vm._e()])]),_vm._v(\" \"),_c('div',{staticClass:\"form-group row\"},[_c('div',{staticClass:\"col-xs-12 col-sm-5 col-md-3 col-xl-4 col-form-label\"},[_c('label',{attrs:{\"for\":\"housenumber\"}},[_c('span',{staticClass:\"required-field\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('huisnummer') + '*')}})]),_vm._v(\" \"),_c('span',[_vm._v(\" & \")]),_vm._v(\" \"),_c('label',{attrs:{\"for\":\"suffix\"},domProps:{\"innerHTML\":_vm._s(_vm.$tr('toevoeging'))}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-xs-12 col-sm-7 col-md-9 col-xl-8\"},[_c('div',{staticClass:\"d-flex\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.address.houseNumber),expression:\"userData.address.houseNumber\"}],class:`form-control form-medium ${_vm.v.userData.address.houseNumber.$error ? 'input-validation-error' : ''}`,staticStyle:{\"margin-right\":\"20px\"},attrs:{\"type\":\"text\",\"id\":\"housenumber\"},domProps:{\"value\":(_vm.userData.address.houseNumber)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.$set(_vm.userData.address, \"houseNumber\", $event.target.value)},function($event){return _vm.v.userData.address.houseNumber.$touch()}],\"change\":_vm.getCityAndStreet}}),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.address.houseNumberSuffix),expression:\"userData.address.houseNumberSuffix\"}],staticClass:\"form-control form-medium\",attrs:{\"type\":\"text\",\"id\":\"suffix\"},domProps:{\"value\":(_vm.userData.address.houseNumberSuffix)},on:{\"change\":_vm.getCityAndStreet,\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.userData.address, \"houseNumberSuffix\", $event.target.value)}}})]),_vm._v(\" \"),(_vm.userData.address.streetName != null && _vm.userData.address.streetName !== '')?[_c('div',{staticClass:\"mt-2\"},[_vm._v(\"\\n \"+_vm._s(_vm.userData.address.streetName)+\" \"+_vm._s(_vm.userData.address.houseNumber)+\" \"+_vm._s(_vm.userData.address.houseNumberSuffix)),_c('br'),_vm._v(\"\\n \"+_vm._s(_vm.userData.address.zipCode)),_c('br'),_vm._v(\"\\n \"+_vm._s(_vm.userData.address.city)+\"\\n \")])]:_vm._e(),_vm._v(\" \"),(_vm.invalidAdress)?[_c('div',{staticClass:\"mt-2 p-2 adress-error\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('ongeldigadres'))}})])]:_vm._e(),_vm._v(\" \"),(_vm.v.userData.address.houseNumber.$error)?_c('div',{staticClass:\"text-sm mt-2 text-red\"},[(!_vm.v.userData.address.houseNumber.required)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('huisnummer'), 'required'))}}):(!_vm.v.userData.address.houseNumber.numeric)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('huisnummer'), 'invalid'))}}):_vm._e()]):_vm._e()],2)]),_vm._v(\" \"),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-xs-12 col-sm-5 col-md-3 col-xl-4 col-form-label hastooltip\",attrs:{\"for\":\"email\"}},[_c('span',[_c('span',{staticClass:\"required-field\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('emailadres') + '*')}})]),_vm._v(\" \"),_c('CustomTooltip',{attrs:{\"translationKey\":\"geldigemailadres\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"col-xs-12 col-sm-7 col-md-9 col-xl-8\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.emailAddress),expression:\"userData.emailAddress\"}],class:`form-control ${_vm.v.userData.emailAddress.$error ? 'input-validation-error' : ''}`,attrs:{\"type\":\"text\",\"id\":\"email\",\"value\":\"email@example.com\",\"name\":\"email\"},domProps:{\"value\":(_vm.userData.emailAddress)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.$set(_vm.userData, \"emailAddress\", $event.target.value)},function($event){return _vm.v.userData.emailAddress.$touch()}]}}),_vm._v(\" \"),(_vm.v.userData.emailAddress.$error)?_c('div',{staticClass:\"text-sm mt-2 text-red\"},[(!_vm.v.userData.emailAddress.required)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('emailadres'), 'required'))}}):(!_vm.v.userData.emailAddress.email)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('emailadres'), 'invalid'))}}):_vm._e()]):_vm._e()])]),_vm._v(\" \"),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('telefoontussentekst'))}}),_vm._v(\" \"),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-xs-12 col-sm-5 col-md-3 col-xl-4 col-form-label hastooltip\",attrs:{\"for\":\"phone\"}},[_c('span',[_c('span',{staticClass:\"required-field\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('telefoonnummer') + '*')}})]),_vm._v(\" \"),_c('CustomTooltip',{attrs:{\"translationKey\":\"geldigtelefoonnummer\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"col-xs-12 col-sm-7 col-md-9 col-xl-8\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.phoneNumber),expression:\"userData.phoneNumber\"}],class:`form-control ${_vm.v.userData.phoneNumber.$error ? 'input-validation-error' : ''}`,attrs:{\"type\":\"text\",\"id\":\"phone\"},domProps:{\"value\":(_vm.userData.phoneNumber)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.$set(_vm.userData, \"phoneNumber\", $event.target.value)},_vm.acceptPhoneNumber]}}),_vm._v(\" \"),(_vm.v.userData.phoneNumber.$error)?_c('div',{staticClass:\"text-sm mt-2 text-red\"},[(!_vm.v.userData.phoneNumber.required)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('telefoonnummer'), 'required'))}}):_vm._e(),_vm._v(\" \"),(!_vm.v.userData.phoneNumber.isValid)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('telefoonnummer'), 'invalid'))}}):_vm._e()]):_vm._e()])])]),_vm._v(\" \"),_c('RequiredFieldExplanation')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./step-personalinfo-be.vue?vue&type=template&id=6fd5c1fb\"\nimport script from \"./step-personalinfo-be.vue?vue&type=script&lang=js\"\nexport * from \"./step-personalinfo-be.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","\n \n \n \n
\n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n \n \n \n \n \n
\n \n
\n \n \n & \n \n
\n \n
\n \n
\n \n \n {{ userData.address.streetName }} {{ userData.address.houseNumber }} {{ userData.address.houseNumberSuffix }}
\n {{ userData.address.zipCode }}
\n {{ userData.address.city }}\n
\n \n \n \n {{ userData.address.zipCode }}
\n {{ userData.address.city }}\n
\n \n
\n \n \n \n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n \n
\n \n
\n \n \n \n
\n \n
\n\n\n\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"c c-personalinfo\"},[_c('B2bFields',{attrs:{\"userData\":_vm.userData,\"brand\":_vm.brand,\"v\":_vm.v}}),_vm._v(\" \"),_c('div',{staticClass:\"c c-stap\",attrs:{\"validator\":_vm.v.form}},[_c('h3',{staticClass:\"c-stap__header\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('waarmonteurbezoeken'))}}),_vm._v(\" \"),(_vm.isLocal())?_c('button',{staticClass:\"btn btn-secondary\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('vulautomatischin'))},on:{\"click\":_vm.prefillform}}):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"c-stap__body\"},[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-xs-12 col-sm-5 col-md-3 col-xl-4 col-form-label\",attrs:{\"for\":\"inputState\"}},[_c('span',{staticClass:\"required-field\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('aanhef') + '*')}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-xs-12 col-sm-7 col-md-9 col-xl-8\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.salutation),expression:\"userData.salutation\"}],staticClass:\"form-control\",attrs:{\"id\":\"inputState\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.userData, \"salutation\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"\",\"selected\":\"\"},domProps:{\"innerHTML\":_vm._s(_vm.$tr('kiezen'))}}),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"M\"},domProps:{\"innerHTML\":_vm._s(_vm.$tr('man'))}}),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"V\"},domProps:{\"innerHTML\":_vm._s(_vm.$tr('vrouw'))}}),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"X\"},domProps:{\"innerHTML\":_vm._s(_vm.$tr('anders'))}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-xs-12 col-sm-5 col-md-3 col-xl-4 col-form-label\",attrs:{\"for\":\"name\"}},[_c('span',{staticClass:\"required-field\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('achternaam') + '*')}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-xs-12 col-sm-7 col-md-9 col-xl-8\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.lastName),expression:\"userData.lastName\"}],class:`form-control ${_vm.v.userData.lastName.$error ? 'input-validation-error' : ''}`,attrs:{\"type\":\"text\",\"id\":\"name\"},domProps:{\"value\":(_vm.userData.lastName)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.$set(_vm.userData, \"lastName\", $event.target.value)},function($event){return _vm.v.userData.lastName.$touch()}]}}),_vm._v(\" \"),(_vm.v.userData.lastName.$error)?_c('div',{staticClass:\"text-sm mt-2 text-red\"},[(!_vm.v.userData.lastName.required)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('achternaam'), 'required'))}}):_vm._e()]):_vm._e()])]),_vm._v(\" \"),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-xs-12 col-sm-5 col-md-3 col-xl-4 col-form-label\",attrs:{\"for\":\"street\"},domProps:{\"innerHTML\":_vm._s(_vm.$tr('straat'))}}),_vm._v(\" \"),_c('div',{staticClass:\"col-xs-12 col-sm-7 col-md-9 col-xl-8\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.address.streetName),expression:\"userData.address.streetName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"street\"},domProps:{\"value\":(_vm.userData.address.streetName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.userData.address, \"streetName\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"form-group row\"},[_c('div',{staticClass:\"col-xs-12 col-sm-5 col-md-3 col-xl-4 col-form-label\"},[_c('label',{attrs:{\"for\":\"houseNumber\"}},[_c('span',{staticClass:\"required-field\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('huisnummer') + '*')}})]),_vm._v(\" \"),_c('span',[_vm._v(\" & \")]),_vm._v(\" \"),_c('label',{attrs:{\"for\":\"suffix\"},domProps:{\"innerHTML\":_vm._s(_vm.$tr('toevoeging'))}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-xs-12 col-sm-7 col-md-9 col-xl-8\"},[_c('div',{staticClass:\"d-flex\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.address.houseNumber),expression:\"userData.address.houseNumber\"}],class:`form-control form-medium ${_vm.v.userData.address.houseNumber.$error ? 'input-validation-error' : ''}`,staticStyle:{\"margin-right\":\"20px\"},attrs:{\"type\":\"text\",\"id\":\"houseNumber\"},domProps:{\"value\":(_vm.userData.address.houseNumber)},on:{\"change\":_vm.getCities,\"input\":[function($event){if($event.target.composing)return;_vm.$set(_vm.userData.address, \"houseNumber\", $event.target.value)},function($event){return _vm.v.userData.address.houseNumber.$touch()}]}}),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.address.houseNumberSuffix),expression:\"userData.address.houseNumberSuffix\"}],staticClass:\"form-control form-medium\",attrs:{\"type\":\"text\",\"id\":\"suffix\"},domProps:{\"value\":(_vm.userData.address.houseNumberSuffix)},on:{\"change\":_vm.getCities,\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.userData.address, \"houseNumberSuffix\", $event.target.value)}}})]),_vm._v(\" \"),(_vm.v.userData.address.houseNumber.$error)?_c('div',{staticClass:\"text-sm mt-2 text-red\"},[(!_vm.v.userData.address.houseNumber.required)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('huisnummer'), 'required'))}}):(!_vm.v.userData.address.houseNumber.numeric)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('huisnummer'), 'invalid'))}}):_vm._e()]):_vm._e()])]),_vm._v(\" \"),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-xs-12 col-sm-5 col-md-3 col-xl-4 col-form-label\",attrs:{\"for\":\"zipcode\"}},[_c('span',{staticClass:\"required-field\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('postcode') + '*')}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-xs-12 col-sm-7 col-md-9 col-xl-8\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.address.zipCode),expression:\"userData.address.zipCode\"}],class:`form-control ${_vm.v.userData.address.zipCode.$error ? 'input-validation-error' : ''}`,attrs:{\"type\":\"text\",\"id\":\"zipcode\"},domProps:{\"value\":(_vm.userData.address.zipCode)},on:{\"change\":_vm.getCities,\"input\":[function($event){if($event.target.composing)return;_vm.$set(_vm.userData.address, \"zipCode\", $event.target.value)},function($event){return _vm.v.userData.address.zipCode.$touch()}]}}),_vm._v(\" \"),(_vm.v.userData.address.zipCode.$error)?_c('div',{staticClass:\"text-sm mt-2 text-red\"},[(!_vm.v.userData.address.zipCode.required)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('postcode'), 'required'))}}):[(!_vm.v.userData.address.zipCode.maxLength)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('postcode'), 'maxlength'))}}):_vm._e(),_vm._v(\" \"),(!_vm.v.userData.address.zipCode.alphaNum)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('postcode'), 'alphanum'))}}):_vm._e()]],2):_vm._e()])]),_vm._v(\" \"),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-xs-12 col-sm-5 col-md-3 col-xl-4 col-form-label\",attrs:{\"for\":\"city\"}},[_vm._v(_vm._s(_vm.$tr('city')))]),_vm._v(\" \"),_c('div',{staticClass:\"col-xs-12 col-sm-7 col-md-9 col-xl-8\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.address.city),expression:\"userData.address.city\"}],staticClass:\"form-control\",attrs:{\"id\":\"city\",\"disabled\":_vm.cities.length === 0},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.userData.address, \"city\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},_vm._l((_vm.cities),function(city){return _c('option',{key:city},[_vm._v(_vm._s(city))])}),0),_vm._v(\" \"),(_vm.invalidAdress)?_c('div',{staticClass:\"mt-2 p-2 adress-error\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('ongeldigadres'))}})]):_vm._e()])]),_vm._v(\" \"),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-xs-12 col-sm-5 col-md-3 col-xl-4 col-form-label hastooltip\",attrs:{\"for\":\"email\"}},[_c('span',{staticClass:\"required-field\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('emailadres') + '*')}}),_vm._v(\" \"),_c('CustomTooltip',{attrs:{\"translationKey\":\"geldigmailadres\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"col-xs-12 col-sm-7 col-md-9 col-xl-8\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.emailAddress),expression:\"userData.emailAddress\"}],class:`form-control ${_vm.v.userData.emailAddress.$error ? 'input-validation-error' : ''}`,attrs:{\"type\":\"text\",\"id\":\"email\",\"value\":\"email@example.com\"},domProps:{\"value\":(_vm.userData.emailAddress)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.$set(_vm.userData, \"emailAddress\", $event.target.value)},function($event){return _vm.v.userData.emailAddress.$touch()}]}}),_vm._v(\" \"),(_vm.v.userData.emailAddress.$error)?_c('div',{staticClass:\"text-sm mt-2 text-red\"},[(!_vm.v.userData.emailAddress.required)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('geldigmailadres'), 'required'))}}):(!_vm.v.userData.emailAddress.email)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('geldigmailadres'), 'invalid'))}}):_vm._e()]):_vm._e()])]),_vm._v(\" \"),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('telefoontussentekst'))}}),_vm._v(\" \"),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-xs-12 col-sm-5 col-md-3 col-xl-4 col-form-label hastooltip\",attrs:{\"for\":\"phone.mobile\"}},[_c('span',{staticClass:\"required-field\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('telefoonnummer') + '*')}}),_vm._v(\" \"),_c('CustomTooltip',{attrs:{\"translationKey\":\"geldigtelefoonnummer\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"col-xs-12 col-sm-7 col-md-9 col-xl-8\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.phoneNumber),expression:\"userData.phoneNumber\"}],class:`form-control ${_vm.v.userData.phoneNumber.$error ? 'input-validation-error' : ''}`,attrs:{\"type\":\"text\",\"id\":\"phone.mobile\"},domProps:{\"value\":(_vm.userData.phoneNumber)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.$set(_vm.userData, \"phoneNumber\", $event.target.value)},function($event){return _vm.v.userData.phoneNumber.$touch()}]}}),_vm._v(\" \"),(_vm.v.userData.phoneNumber.$error)?_c('div',{staticClass:\"text-sm mt-2 text-red\"},[(!_vm.v.userData.phoneNumber.required)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('telefoonnummer'), 'required'))}}):_vm._e(),_vm._v(\" \"),(!_vm.v.userData.phoneNumber.isValid)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getValidationMessage(_vm.$tr('telefoonnummer'), 'invalid'))}}):_vm._e()]):_vm._e()])])]),_vm._v(\" \"),_c('RequiredFieldExplanation')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./formfield.vue?vue&type=template&id=52921e7e\"\nimport script from \"./formfield.vue?vue&type=script&lang=js\"\nexport * from \"./formfield.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","\n \n
\n \n \n \n
\n\n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n\n \n \n & \n \n
\n \n
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n \n \n \n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n \n
\n \n
\n \n \n \n
\n \n
\n\n\n\n","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.value)?_c('div',{staticClass:\"c-formfield\"},[_c('div',{staticClass:\"c-formfield__lbl\"},[_vm._v(_vm._s(_vm.label))]),_vm._v(\" \"),_c('div',{staticClass:\"c-formfield__val\",domProps:{\"innerHTML\":_vm._s(_vm.value)}})]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./step-confirm.vue?vue&type=template&id=1f422756\"\nimport script from \"./step-confirm.vue?vue&type=script&lang=js\"\nexport * from \"./step-confirm.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","\n {{ label }}
\n \n \n
\n\n\n\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"c c-confirm\"},[_c('div',{staticClass:\"c c-stap\"},[_c('h3',{staticClass:\"c-stap__header\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('controleergegevens'))}}),_vm._v(\" \"),_c('div',{staticClass:\"c-stap__body mt-1\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('foutjesnelgemaakt'))}})])]),_vm._v(\" \"),_c('div',{staticClass:\"c c-stap\"},[_c('div',{staticClass:\"c-stap__header\"},[_c('h3',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('persoonlijkegegevens'))}}),_vm._v(\" \"),_c('button',{staticClass:\"btn btn-link btn-hasicon\",on:{\"click\":function($event){return _vm.$emit('editPersonalData')}}},[_c('i',{staticClass:\"fal fa-edit\"}),_vm._v(\" \"),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('aanpassen'))}})])]),_vm._v(\" \"),_c('div',{staticClass:\"c-stap__body\"},[_c('FormField',{attrs:{\"label\":_vm.$tr('aanhef'),\"value\":_vm.getSexe}}),_vm._v(\" \"),_c('FormField',{attrs:{\"label\":_vm.$tr('achternaam'),\"value\":_vm.userData.lastName}}),_vm._v(\" \"),_c('FormField',{attrs:{\"label\":_vm.$tr('adres'),\"value\":_vm.getAddress}}),_vm._v(\" \"),_c('FormField',{attrs:{\"label\":_vm.$tr('telefoonnummer'),\"value\":_vm.userData.phoneNumber}}),_vm._v(\" \"),_c('FormField',{attrs:{\"label\":_vm.$tr('emailadres'),\"value\":_vm.userData.emailAddress}}),_vm._v(\" \"),(_vm.userData.client.hasB2bFields)?_c('div',{staticClass:\"overviewB2bFields\"},[_c('FormField',{attrs:{\"label\":_vm.$tr('klantnummer'),\"value\":_vm.userData.client.clientNumber}}),_vm._v(\" \"),_c('FormField',{attrs:{\"label\":_vm.$tr('factuurbetalen'),\"value\":_vm.getBoolDisplay(_vm.userData.client.payInvoice)}}),_vm._v(\" \"),_c('FormField',{attrs:{\"label\":_vm.$tr('referentienummer'),\"value\":_vm.userData.client.referenceNumber}}),_vm._v(\" \"),_c('FormField',{attrs:{\"label\":_vm.$tr('emailadres-contactpersoon'),\"value\":_vm.userData.client.emailaddressContactpersoon}})],1):_vm._e()],1)]),_vm._v(\" \"),_c('div',{staticClass:\"c c-stap\"},[_c('div',{staticClass:\"c-stap__header\"},[(_vm.userData.articlelist.length === 1)?_c('h3',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('uwapparaat'))}}):_c('h3',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('uwapparaten'))}}),_vm._v(\" \"),_c('button',{staticClass:\"btn btn-link btn-hasicon\",on:{\"click\":function($event){return _vm.$emit('editDevices')}}},[_c('i',{staticClass:\"fal fa-edit\"}),_vm._v(\" \"),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('aanpassen'))}})])]),_vm._v(\" \"),_c('div',{staticClass:\"c-stap__body\"},[_c('div',{staticClass:\"c-device__overview\"},_vm._l((_vm.userData.articlelist),function(article,index){return _c('Device',{key:article.productId,attrs:{\"index\":index,\"brand\":_vm.brand,\"article\":article,\"userData\":_vm.userData,\"editable\":false,\"isControll\":true,\"v\":_vm.v}})}),1)])]),_vm._v(\" \"),_c('div',{staticClass:\"c c-stap\"},[_c('div',{staticClass:\"c-stap__body mt-1\"},[_c('div',{staticClass:\"form-check\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.terms),expression:\"userData.terms\"}],staticClass:\"custom-control-input\",attrs:{\"type\":\"checkbox\",\"id\":\"terms\"},domProps:{\"checked\":Array.isArray(_vm.userData.terms)?_vm._i(_vm.userData.terms,null)>-1:(_vm.userData.terms)},on:{\"change\":function($event){var $$a=_vm.userData.terms,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.userData, \"terms\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.userData, \"terms\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.userData, \"terms\", $$c)}}}}),_vm._v(\" \"),_c('label',{staticClass:\"custom-control-label\",attrs:{\"for\":\"terms\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('ikhebde'))}}),_vm._v(\" \"),_c('a',{attrs:{\"href\":_vm.getLinkDisclaimer,\"target\":\"_blank\",\"title\":\"termsandconditions\"},domProps:{\"innerHTML\":_vm._s(_vm.$tr('servicevoorwaarden'))}}),_vm._v(\" \"),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('gelezen'))}})]),_vm._v(\" \"),(_vm.wizard.validationTerms && !_vm.userData.terms)?_c('span',{staticClass:\"error field-validation-error\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('accepteervoorwaarden'))}}):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"form-check\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userData.termsInstaller),expression:\"userData.termsInstaller\"}],staticClass:\"custom-control-input\",attrs:{\"type\":\"checkbox\",\"id\":\"termsInstaller\"},domProps:{\"checked\":Array.isArray(_vm.userData.termsInstaller)?_vm._i(_vm.userData.termsInstaller,null)>-1:(_vm.userData.termsInstaller)},on:{\"change\":function($event){var $$a=_vm.userData.termsInstaller,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.userData, \"termsInstaller\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.userData, \"termsInstaller\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.userData, \"termsInstaller\", $$c)}}}}),_vm._v(\" \"),_c('label',{staticClass:\"custom-control-label\",attrs:{\"for\":\"termsInstaller\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('ikbenbewustvanmonteurkosten'))}})]),_vm._v(\" \"),(_vm.wizard.validationTerms && !_vm.userData.termsInstaller)?_c('span',{staticClass:\"error field-validation-error\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('accepteervoorwaarden'))}}):_vm._e()])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./wizard-header.vue?vue&type=template&id=ae075c00\"\nimport script from \"./wizard-header.vue?vue&type=script&lang=js\"\nexport * from \"./wizard-header.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","\n \n \n
\n\n \n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n \n
\n\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n
\n\n\n\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"c c-wizard__steps\"},[_c('div',{staticClass:\"c-wizard__steps--item\",class:{ active: _vm.firstStep, done: !_vm.firstStep }},[(_vm.firstStep)?_c('div',{staticClass:\"c-wizard__steps--item--nr\"},[_vm._v(\"1\")]):_c('div',{staticClass:\"c-wizard__steps--item--nr\"},[_c('i',{staticClass:\"fal fa-check\"})]),_vm._v(\" \"),_c('div',{staticClass:\"c-wizard__steps--item--name\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('jeapparatuur'))}})]),_vm._v(\" \"),_c('div',{staticClass:\"c-wizard__steps--item\",class:{ active: !_vm.firstStep }},[_c('div',{staticClass:\"c-wizard__steps--item--nr\"},[_vm._v(\"2\")]),_vm._v(\" \"),_c('div',{staticClass:\"c-wizard__steps--item--name\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('jegegevens'))}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./wizard-buttons-wrapper.vue?vue&type=template&id=72444634\"\nimport script from \"./wizard-buttons-wrapper.vue?vue&type=script&lang=js\"\nexport * from \"./wizard-buttons-wrapper.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","\n \n
\n 1
\n \n \n
\n
\n 2
\n \n \n
\n\n\n\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"c-wizard__btns\"},[_c('div',{staticClass:\"container\"},[_c('div',{class:`c-wizard__btns--inner d-flex ${_vm.alignbuttons}`},[_vm._t(\"default\")],2)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./wizard-title.vue?vue&type=template&id=ae2650a4\"\nimport script from \"./wizard-title.vue?vue&type=script&lang=js\"\nexport * from \"./wizard-title.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","\n \n
\n \n
\n \n \n \n
\n\n\n\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"c c-wizard__title text-center\"},[_c('h1',{domProps:{\"innerHTML\":_vm._s(_vm.getTitle)}}),_vm._v(\" \"),(_vm.getSubtitle != '')?_c('h2',{staticClass:\"c-wizard__title--sub text-primary\",domProps:{\"innerHTML\":_vm._s(_vm.getSubtitle)}}):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./storingmelden.vue?vue&type=template&id=03b2be66\"\nimport script from \"./storingmelden.vue?vue&type=script&lang=js\"\nexport * from \"./storingmelden.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","\n \n 0\">\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n\n \n \n \n \n
\n\n\n\n","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.loaded)?_c('div',{staticClass:\"site\"},[_c('WizardHeader',{attrs:{\"brand\":_vm.brand}}),_vm._v(\" \"),_c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[(_vm.wizard.currentStep === 0)?_c('IntroPage',{attrs:{\"brand\":_vm.brand,\"lang\":_vm.getLanguageCode(),\"serviceUrl\":_vm.serviceUrl},on:{\"start\":function($event){return _vm.startWizard()}}}):(_vm.wizard.currentStep === 1)?[_c('WizardTitle',{attrs:{\"brand\":_vm.brand,\"step\":_vm.wizard.currentStep}}),_vm._v(\" \"),_c('WizardSteps',{attrs:{\"firstStep\":true}}),_vm._v(\" \"),_c('StepDevices',{ref:\"stepDevices\",attrs:{\"userData\":_vm.userData,\"brand\":_vm.brand,\"deviceDescriptionInvalid\":_vm.deviceDescriptionInvalid,\"devicePurchaseDateInvalid\":_vm.devicePurchaseDateInvalid,\"v\":_vm.$v}}),_vm._v(\" \"),_c('StepAddDevices',{attrs:{\"userData\":_vm.userData,\"brand\":_vm.brand,\"show-add-device\":_vm.wizard.showAddDevice,\"v\":_vm.$v},on:{\"hideAddDevice\":_vm.hideAddDeviceButton}})]:(_vm.wizard.currentStep === 2)?[_c('WizardTitle',{attrs:{\"brand\":_vm.brand,\"step\":_vm.wizard.currentStep}}),_vm._v(\" \"),_c('WizardSteps',{attrs:{\"firstStep\":false}}),_vm._v(\" \"),(_vm.country.toLowerCase() === 'nl')?_c('StepPersonalInfoNL',{attrs:{\"userData\":_vm.userData,\"brand\":_vm.brand,\"v\":_vm.$v,\"serviceUrl\":_vm.serviceUrl}}):_vm._e(),_vm._v(\" \"),(_vm.country.toLowerCase() === 'be')?_c('StepPersonalInfoBE',{attrs:{\"userData\":_vm.userData,\"brand\":_vm.brand,\"v\":_vm.$v,\"serviceUrl\":_vm.serviceUrl}}):_vm._e()]:(_vm.wizard.currentStep === 3)?[_c('WizardTitle',{attrs:{\"brand\":_vm.brand,\"step\":_vm.wizard.currentStep}}),_vm._v(\" \"),_c('StepConfirm',{attrs:{\"userData\":_vm.userData,\"wizard\":_vm.wizard,\"brand\":_vm.brand,\"v\":_vm.$v,\"lang\":_vm.getLanguageCode()},on:{\"editDevices\":function($event){return _vm.goToStep(1, false)},\"editPersonalData\":function($event){return _vm.goToStep(2, false)}}})]:(_vm.wizard.currentStep === 4)?_c('ResultPage',{attrs:{\"brand\":_vm.brand,\"lang\":_vm.getLanguageCode(),\"serviceUrl\":_vm.serviceUrl}}):[_c('WizardTitle',{attrs:{\"title\":_vm.$tr('oeps'),\"subtitle\":_vm.$tr('gingietsmis'),\"brand\":_vm.brand,\"step\":_vm.wizard.currentStep}})]],2)])])]),_vm._v(\" \"),(_vm.wizard.currentStep !== 0)?[(_vm.wizard.currentStep === 1)?[(_vm.userData.articlelist.length > 0)?_c('WizardButtonsWrapper',{attrs:{\"alignbuttons\":\"justify-content-between\"}},[(!_vm.wizard.showAddDevice)?_c('button',{staticClass:\"btn btn-outline-primary\",on:{\"click\":_vm.deleteArticle}},[_c('i',{staticClass:\"fal fa-arrow-left\"}),_vm._v(\" \"),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('selecteerapparaat'))}})]):_vm._e(),_vm._v(\" \"),(_vm.deviceDescriptionInvalid || _vm.devicePurchaseDateInvalid || _vm.$v.userData.articlelist.$error)?_c('button',{staticClass:\"btn btn-danger\",attrs:{\"disabled\":\"\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('ongeldigeinvoervelden'))}}),_vm._v(\" \"),_c('i',{staticClass:\"fal fa-times\"})]):_c('button',{staticClass:\"btn btn-next\",on:{\"click\":function($event){return _vm.goToStep(2, true)}}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('naarstap'))}}),_c('span',[_vm._v(\" 2\")]),_vm._v(\" \"),_c('i',{staticClass:\"fal fa-arrow-right\"})])]):_vm._e()]:(_vm.wizard.currentStep === 2)?_c('WizardButtonsWrapper',{attrs:{\"alignbuttons\":\"justify-content-between\"}},[_c('button',{staticClass:\"btn btn-outline-primary\",on:{\"click\":function($event){return _vm.goToStep(1, false)}}},[_c('i',{staticClass:\"fal fa-arrow-left\"}),_vm._v(\" \"),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('pasapparaatgegevensaan'))}})]),_vm._v(\" \"),(_vm.$v.$error)?_c('button',{staticClass:\"btn btn-danger\",attrs:{\"disabled\":\"\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('fouten'))}}),_vm._v(\" \"),_c('i',{staticClass:\"fal fa-times\"})]):_c('button',{staticClass:\"btn btn-next\",on:{\"click\":function($event){return _vm.goToStep(3, true)}}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('naarstap'))}}),_c('span',[_vm._v(\" 3\")]),_vm._v(\" \"),_c('i',{staticClass:\"fal fa-arrow-right\"})])]):(_vm.wizard.currentStep === 3)?_c('WizardButtonsWrapper',{attrs:{\"alignbuttons\":\"justify-content-between\"}},[_c('button',{staticClass:\"btn btn-outline-primary\",on:{\"click\":function($event){return _vm.goToStep(2, false)}}},[_c('i',{staticClass:\"fal fa-arrow-left\"}),_vm._v(\" \"),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('aanpassenpersoonlijkegegevens'))}})]),_vm._v(\" \"),(_vm.wizard.validationTerms && (!_vm.userData.terms || !_vm.userData.termsInstaller))?_c('button',{staticClass:\"btn btn-danger\",attrs:{\"disabled\":\"\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('accepteervoorwaarden'))}}),_vm._v(\" \"),_c('i',{staticClass:\"fal fa-times\"})]):_c('button',{staticClass:\"btn btn-next\",on:{\"click\":function($event){return _vm.sendForm()}}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('verzenden'))}}),_c('span'),_vm._v(\" \"),_c('i',{staticClass:\"fal fa-arrow-right\"})]),_vm._v(\" \"),(_vm.loading)?_c('div',{staticClass:\"c-wizard__btns--loader\"},[_c('span',{staticClass:\"c-wizard__btns--loader--spinner\"},[_c('i',{staticClass:\"fal fa-spinner-third\"})]),_vm._v(\" \"),_c('span',{staticClass:\"c-wizard__btns--loader--txt\",domProps:{\"innerHTML\":_vm._s(_vm.$tr('aanvraagverstuurd.'))}})]):_vm._e()]):(_vm.wizard.currentStep === 4)?void 0:_c('WizardButtonsWrapper',{attrs:{\"alignbuttons\":\"justify-content-center\"}},[_c('button',{staticClass:\"btn btn-outline-primary\",on:{\"click\":function($event){return _vm.goToStep(1, false)}}},[_c('i',{staticClass:\"fal fa-arrow-left\"}),_vm._v(\" \"),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$tr('beginovernieuw'))}})])])]:_vm._e(),_vm._v(\" \"),_c('WizardFooter',{attrs:{\"brand\":_vm.brand,\"lang\":_vm.getLanguageCode(),\"serviceUrl\":_vm.serviceUrl}})],2):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","function _typeof(obj) {\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function (obj) {\n return typeof obj;\n };\n } else {\n _typeof = function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\n/* vuex-i18n-store defines a vuex module to store locale translations. Make sure\n** to also include the file vuex-i18n.js to enable easy access to localized\n** strings in your vue components.\n*/\n// define a simple vuex module to handle locale translations\nvar i18nVuexModule = {\n namespaced: true,\n state: {\n locale: null,\n fallback: null,\n translations: {}\n },\n mutations: {\n // set the current locale\n SET_LOCALE: function SET_LOCALE(state, payload) {\n state.locale = payload.locale;\n },\n // add a new locale\n ADD_LOCALE: function ADD_LOCALE(state, payload) {\n // reduce the given translations to a single-depth tree\n var translations = flattenTranslations(payload.translations);\n\n if (state.translations.hasOwnProperty(payload.locale)) {\n // get the existing translations\n var existingTranslations = state.translations[payload.locale]; // merge the translations\n\n state.translations[payload.locale] = Object.assign({}, existingTranslations, translations);\n } else {\n // just set the locale if it does not yet exist\n state.translations[payload.locale] = translations;\n } // make sure to notify vue of changes (this might break with new vue versions)\n\n\n try {\n if (state.translations.__ob__) {\n state.translations.__ob__.dep.notify();\n }\n } catch (ex) {}\n },\n // replace existing locale information with new translations\n REPLACE_LOCALE: function REPLACE_LOCALE(state, payload) {\n // reduce the given translations to a single-depth tree\n var translations = flattenTranslations(payload.translations); // replace the translations entirely\n\n state.translations[payload.locale] = translations; // make sure to notify vue of changes (this might break with new vue versions)\n\n try {\n if (state.translations.__ob__) {\n state.translations.__ob__.dep.notify();\n }\n } catch (ex) {}\n },\n // remove a locale from the store\n REMOVE_LOCALE: function REMOVE_LOCALE(state, payload) {\n // check if the given locale is present in the state\n if (state.translations.hasOwnProperty(payload.locale)) {\n // check if the current locale is the given locale to remvoe\n if (state.locale === payload.locale) {\n // reset the current locale\n state.locale = null;\n } // create a copy of the translations object\n\n\n var translationCopy = Object.assign({}, state.translations); // remove the given locale\n\n delete translationCopy[payload.locale]; // set the state to the new object\n\n state.translations = translationCopy;\n }\n },\n SET_FALLBACK_LOCALE: function SET_FALLBACK_LOCALE(state, payload) {\n state.fallback = payload.locale;\n }\n },\n actions: {\n // set the current locale\n setLocale: function setLocale(context, payload) {\n context.commit({\n type: 'SET_LOCALE',\n locale: payload.locale\n });\n },\n // add or extend a locale with translations\n addLocale: function addLocale(context, payload) {\n context.commit({\n type: 'ADD_LOCALE',\n locale: payload.locale,\n translations: payload.translations\n });\n },\n // replace locale information\n replaceLocale: function replaceLocale(context, payload) {\n context.commit({\n type: 'REPLACE_LOCALE',\n locale: payload.locale,\n translations: payload.translations\n });\n },\n // remove the given locale translations\n removeLocale: function removeLocale(context, payload) {\n context.commit({\n type: 'REMOVE_LOCALE',\n locale: payload.locale,\n translations: payload.translations\n });\n },\n setFallbackLocale: function setFallbackLocale(context, payload) {\n context.commit({\n type: 'SET_FALLBACK_LOCALE',\n locale: payload.locale\n });\n }\n }\n}; // flattenTranslations will convert object trees for translations into a\n// single-depth object tree\n\nvar flattenTranslations = function flattenTranslations(translations) {\n var toReturn = {};\n\n for (var i in translations) {\n // check if the property is present\n if (!translations.hasOwnProperty(i)) {\n continue;\n } // get the type of the property\n\n\n var objType = _typeof(translations[i]); // allow unflattened array of strings\n\n\n if (isArray(translations[i])) {\n var count = translations[i].length;\n\n for (var index = 0; index < count; index++) {\n var itemType = _typeof(translations[i][index]);\n\n if (itemType !== 'string') {\n console.warn('i18n:', 'currently only arrays of strings are fully supported', translations[i]);\n break;\n }\n }\n\n toReturn[i] = translations[i];\n } else if (objType == 'object' && objType !== null) {\n var flatObject = flattenTranslations(translations[i]);\n\n for (var x in flatObject) {\n if (!flatObject.hasOwnProperty(x)) continue;\n toReturn[i + '.' + x] = flatObject[x];\n }\n } else {\n toReturn[i] = translations[i];\n }\n }\n\n return toReturn;\n}; // check if the given object is an array\n\n\nfunction isArray(obj) {\n return !!obj && Array === obj.constructor;\n}\n\nvar plurals = {\n getTranslationIndex: function getTranslationIndex(languageCode, n) {\n switch (languageCode) {\n case 'ay': // Aymará\n\n case 'bo': // Tibetan\n\n case 'cgg': // Chiga\n\n case 'dz': // Dzongkha\n\n case 'fa': // Persian\n\n case 'id': // Indonesian\n\n case 'ja': // Japanese\n\n case 'jbo': // Lojban\n\n case 'ka': // Georgian\n\n case 'kk': // Kazakh\n\n case 'km': // Khmer\n\n case 'ko': // Korean\n\n case 'ky': // Kyrgyz\n\n case 'lo': // Lao\n\n case 'ms': // Malay\n\n case 'my': // Burmese\n\n case 'sah': // Yakut\n\n case 'su': // Sundanese\n\n case 'th': // Thai\n\n case 'tt': // Tatar\n\n case 'ug': // Uyghur\n\n case 'vi': // Vietnamese\n\n case 'wo': // Wolof\n\n case 'zh':\n // Chinese\n // 1 form\n return 0;\n\n case 'is':\n // Icelandic\n // 2 forms\n return n % 10 !== 1 || n % 100 === 11 ? 1 : 0;\n\n case 'jv':\n // Javanese\n // 2 forms\n return n !== 0 ? 1 : 0;\n\n case 'mk':\n // Macedonian\n // 2 forms\n return n === 1 || n % 10 === 1 ? 0 : 1;\n\n case 'ach': // Acholi\n\n case 'ak': // Akan\n\n case 'am': // Amharic\n\n case 'arn': // Mapudungun\n\n case 'br': // Breton\n\n case 'fil': // Filipino\n\n case 'fr': // French\n\n case 'gun': // Gun\n\n case 'ln': // Lingala\n\n case 'mfe': // Mauritian Creole\n\n case 'mg': // Malagasy\n\n case 'mi': // Maori\n\n case 'oc': // Occitan\n\n case 'pt_BR': // Brazilian Portuguese\n\n case 'tg': // Tajik\n\n case 'ti': // Tigrinya\n\n case 'tr': // Turkish\n\n case 'uz': // Uzbek\n\n case 'wa': // Walloon\n\n /* eslint-disable */\n\n /* Disable \"Duplicate case label\" because there are 2 forms of Chinese plurals */\n\n case 'zh':\n // Chinese\n\n /* eslint-enable */\n // 2 forms\n return n > 1 ? 1 : 0;\n\n case 'lv':\n // Latvian\n // 3 forms\n return n % 10 === 1 && n % 100 !== 11 ? 0 : n !== 0 ? 1 : 2;\n\n case 'lt':\n // Lithuanian\n // 3 forms\n return n % 10 === 1 && n % 100 !== 11 ? 0 : n % 10 >= 2 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2;\n\n case 'be': // Belarusian\n\n case 'bs': // Bosnian\n\n case 'hr': // Croatian\n\n case 'ru': // Russian\n\n case 'sr': // Serbian\n\n case 'uk':\n // Ukrainian\n // 3 forms\n return n % 10 === 1 && n % 100 !== 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2;\n\n case 'mnk':\n // Mandinka\n // 3 forms\n return n === 0 ? 0 : n === 1 ? 1 : 2;\n\n case 'ro':\n // Romanian\n // 3 forms\n return n === 1 ? 0 : n === 0 || n % 100 > 0 && n % 100 < 20 ? 1 : 2;\n\n case 'pl':\n // Polish\n // 3 forms\n return n === 1 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2;\n\n case 'cs': // Czech\n\n case 'sk':\n // Slovak\n // 3 forms\n return n === 1 ? 0 : n >= 2 && n <= 4 ? 1 : 2;\n\n case 'csb':\n // Kashubian\n // 3 forms\n return n === 1 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2;\n\n case 'sl':\n // Slovenian\n // 4 forms\n return n % 100 === 1 ? 0 : n % 100 === 2 ? 1 : n % 100 === 3 || n % 100 === 4 ? 2 : 3;\n\n case 'mt':\n // Maltese\n // 4 forms\n return n === 1 ? 0 : n === 0 || n % 100 > 1 && n % 100 < 11 ? 1 : n % 100 > 10 && n % 100 < 20 ? 2 : 3;\n\n case 'gd':\n // Scottish Gaelic\n // 4 forms\n return n === 1 || n === 11 ? 0 : n === 2 || n === 12 ? 1 : n > 2 && n < 20 ? 2 : 3;\n\n case 'cy':\n // Welsh\n // 4 forms\n return n === 1 ? 0 : n === 2 ? 1 : n !== 8 && n !== 11 ? 2 : 3;\n\n case 'kw':\n // Cornish\n // 4 forms\n return n === 1 ? 0 : n === 2 ? 1 : n === 3 ? 2 : 3;\n\n case 'ga':\n // Irish\n // 5 forms\n return n === 1 ? 0 : n === 2 ? 1 : n > 2 && n < 7 ? 2 : n > 6 && n < 11 ? 3 : 4;\n\n case 'ar':\n // Arabic\n // 6 forms\n return n === 0 ? 0 : n === 1 ? 1 : n === 2 ? 2 : n % 100 >= 3 && n % 100 <= 10 ? 3 : n % 100 >= 11 ? 4 : 5;\n\n default:\n // Everything else\n return n !== 1 ? 1 : 0;\n }\n }\n};\n\nvar VuexI18nPlugin = {}; // internationalization plugin for vue js using vuex\n\nVuexI18nPlugin.install = function install(Vue, store, config) {\n // TODO: remove this block for next major update (API break)\n if (typeof arguments[2] === 'string' || typeof arguments[3] === 'string') {\n console.warn('i18n: Registering the plugin vuex-i18n with a string for `moduleName` or `identifiers` is deprecated. Use a configuration object instead.', 'https://github.com/dkfbasel/vuex-i18n#setup');\n config = {\n moduleName: arguments[2],\n identifiers: arguments[3]\n };\n } // merge default options with user supplied options\n\n\n config = Object.assign({\n warnings: true,\n moduleName: 'i18n',\n identifiers: ['{', '}'],\n preserveState: false,\n translateFilterName: 'translate',\n translateInFilterName: 'translateIn',\n onTranslationNotFound: function onTranslationNotFound() {}\n }, config); // define module name and identifiers as constants to prevent any changes\n\n var moduleName = config.moduleName;\n var identifiers = config.identifiers;\n var translateFilterName = config.translateFilterName;\n var translateInFilterName = config.translateInFilterName; // initialize the onTranslationNotFound function and make sure it is actually\n // a function\n\n var onTranslationNotFound = config.onTranslationNotFound;\n\n if (typeof onTranslationNotFound !== 'function') {\n console.error('i18n: i18n config option onTranslationNotFound must be a function');\n\n onTranslationNotFound = function onTranslationNotFound() {};\n } // register the i18n module in the vuex store\n // preserveState can be used via configuration if server side rendering is used\n\n\n store.registerModule(moduleName, i18nVuexModule, {\n preserveState: config.preserveState\n }); // check if the plugin was correctly initialized\n\n if (store.state.hasOwnProperty(moduleName) === false) {\n console.error('i18n: i18n vuex module is not correctly initialized. Please check the module name:', moduleName); // always return the key if module is not initialized correctly\n\n Vue.prototype.$i18n = function (key) {\n return key;\n };\n\n Vue.prototype.$getLanguage = function () {\n return null;\n };\n\n Vue.prototype.$setLanguage = function () {\n console.error('i18n: i18n vuex module is not correctly initialized');\n };\n\n return;\n }\n\n var render = renderFn(identifiers, config.warnings); // get localized string from store. note that we pass the arguments passed\n // to the function directly to the translateInLanguage function\n\n var translate = function $t() {\n // get the current language from the store\n var locale = store.state[moduleName].locale;\n return translateInLanguage.apply(void 0, [locale].concat(Array.prototype.slice.call(arguments)));\n }; // get localized string from store in a given language if available.\n // there are two possible signatures for the function.\n // we will check the arguments to make up the options passed.\n // 1: locale, key, options, pluralization\n // 2: locale, key, defaultValue, options, pluralization\n\n\n var translateInLanguage = function translateInLanguage(locale) {\n // read the function arguments\n var args = arguments; // initialize options\n\n var key = '';\n var defaultValue = '';\n var options = {};\n var pluralization = null;\n var count = args.length; // check if a default value was specified and fill options accordingly\n\n if (count >= 3 && typeof args[2] === 'string') {\n key = args[1];\n defaultValue = args[2];\n\n if (count > 3) {\n options = args[3];\n }\n\n if (count > 4) {\n pluralization = args[4];\n }\n } else {\n key = args[1]; // default value was not specified and is therefore the same as the key\n\n defaultValue = key;\n\n if (count > 2) {\n options = args[2];\n }\n\n if (count > 3) {\n pluralization = args[3];\n }\n } // return the default value if the locale is not set (could happen on initialization)\n\n\n if (!locale) {\n if (config.warnings) console.warn('i18n: i18n locale is not set when trying to access translations:', key);\n return defaultValue;\n } // get the translations from the store\n\n\n var translations = store.state[moduleName].translations; // get the last resort fallback from the store\n\n var fallback = store.state[moduleName].fallback; // split locale by - to support partial fallback for regional locales\n // like de-CH, en-UK\n\n var localeRegional = locale.split('-'); // flag for translation to exist or not\n\n var translationExists = true; // check if the language exists in the store. return the key if not\n\n if (translations.hasOwnProperty(locale) === false) {\n translationExists = false; // check if the key exists in the store. return the key if not\n } else if (translations[locale].hasOwnProperty(key) === false) {\n translationExists = false;\n } // return the value from the store\n\n\n if (translationExists === true) {\n return render(locale, translations[locale][key], options, pluralization);\n } // check if a regional locale translation would be available for the key\n // i.e. de for de-CH\n\n\n if (localeRegional.length > 1 && translations.hasOwnProperty(localeRegional[0]) === true && translations[localeRegional[0]].hasOwnProperty(key) === true) {\n return render(localeRegional[0], translations[localeRegional[0]][key], options, pluralization);\n } // invoke a method if a translation is not found\n\n\n var asyncTranslation = onTranslationNotFound(locale, key, defaultValue); // resolve async translations by updating the store\n\n if (asyncTranslation) {\n Promise.resolve(asyncTranslation).then(function (value) {\n var additionalTranslations = {};\n additionalTranslations[key] = value;\n addLocale(locale, additionalTranslations);\n });\n } // check if a vaild fallback exists in the store.\n // return the default value if not\n\n\n if (translations.hasOwnProperty(fallback) === false) {\n return render(locale, defaultValue, options, pluralization);\n } // check if the key exists in the fallback locale in the store.\n // return the default value if not\n\n\n if (translations[fallback].hasOwnProperty(key) === false) {\n return render(fallback, defaultValue, options, pluralization);\n }\n\n return render(locale, translations[fallback][key], options, pluralization);\n }; // add a filter function to translate in a given locale (i.e. {{ 'something' | translateIn('en') }})\n\n\n var translateInLanguageFilter = function translateInLanguageFilter(key, locale) {\n for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n args[_key - 2] = arguments[_key];\n }\n\n return translateInLanguage.apply(void 0, [locale, key].concat(args));\n }; // check if the given key exists in the current locale\n\n\n var checkKeyExists = function checkKeyExists(key) {\n var scope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'fallback';\n // get the current language from the store\n var locale = store.state[moduleName].locale;\n var fallback = store.state[moduleName].fallback;\n var translations = store.state[moduleName].translations; // check the current translation\n\n if (translations.hasOwnProperty(locale) && translations[locale].hasOwnProperty(key)) {\n return true;\n }\n\n if (scope == 'strict') {\n return false;\n } // check any localized translations\n\n\n var localeRegional = locale.split('-');\n\n if (localeRegional.length > 1 && translations.hasOwnProperty(localeRegional[0]) && translations[localeRegional[0]].hasOwnProperty(key)) {\n return true;\n }\n\n if (scope == 'locale') {\n return false;\n } // check if a fallback locale exists\n\n\n if (translations.hasOwnProperty(fallback) && translations[fallback].hasOwnProperty(key)) {\n return true;\n } // key does not exist in the store\n\n\n return false;\n }; // set fallback locale\n\n\n var setFallbackLocale = function setFallbackLocale(locale) {\n store.dispatch({\n type: \"\".concat(moduleName, \"/setFallbackLocale\"),\n locale: locale\n });\n }; // set the current locale\n\n\n var setLocale = function setLocale(locale) {\n store.dispatch({\n type: \"\".concat(moduleName, \"/setLocale\"),\n locale: locale\n });\n }; // get the current locale\n\n\n var getLocale = function getLocale() {\n return store.state[moduleName].locale;\n }; // get all available locales\n\n\n var getLocales = function getLocales() {\n return Object.keys(store.state[moduleName].translations);\n }; // add predefined translations to the store (keeping existing information)\n\n\n var addLocale = function addLocale(locale, translations) {\n return store.dispatch({\n type: \"\".concat(moduleName, \"/addLocale\"),\n locale: locale,\n translations: translations\n });\n }; // replace all locale information in the store\n\n\n var replaceLocale = function replaceLocale(locale, translations) {\n return store.dispatch({\n type: \"\".concat(moduleName, \"/replaceLocale\"),\n locale: locale,\n translations: translations\n });\n }; // remove the givne locale from the store\n\n\n var removeLocale = function removeLocale(locale) {\n if (store.state[moduleName].translations.hasOwnProperty(locale)) {\n store.dispatch({\n type: \"\".concat(moduleName, \"/removeLocale\"),\n locale: locale\n });\n }\n }; // we are phasing out the exists function\n\n\n var phaseOutExistsFn = function phaseOutExistsFn(locale) {\n if (config.warnings) console.warn('i18n: $i18n.exists is depreceated. Please use $i18n.localeExists instead. It provides exactly the same functionality.');\n return checkLocaleExists(locale);\n }; // check if the given locale is already loaded\n\n\n var checkLocaleExists = function checkLocaleExists(locale) {\n return store.state[moduleName].translations.hasOwnProperty(locale);\n }; // register vue prototype methods\n\n\n Vue.prototype.$i18n = {\n locale: getLocale,\n locales: getLocales,\n set: setLocale,\n add: addLocale,\n replace: replaceLocale,\n remove: removeLocale,\n fallback: setFallbackLocale,\n localeExists: checkLocaleExists,\n keyExists: checkKeyExists,\n translate: translate,\n translateIn: translateInLanguage,\n exists: phaseOutExistsFn\n }; // register global methods\n\n Vue.i18n = {\n locale: getLocale,\n locales: getLocales,\n set: setLocale,\n add: addLocale,\n replace: replaceLocale,\n remove: removeLocale,\n fallback: setFallbackLocale,\n translate: translate,\n translateIn: translateInLanguage,\n localeExists: checkLocaleExists,\n keyExists: checkKeyExists,\n exists: phaseOutExistsFn\n }; // register the translation function on the vue instance directly\n\n Vue.prototype.$t = translate; // register the specific language translation function on the vue instance directly\n\n Vue.prototype.$tlang = translateInLanguage; // register a filter function for translations\n\n Vue.filter(translateFilterName, translate);\n Vue.filter(translateInFilterName, translateInLanguageFilter);\n}; // renderFn will initialize a function to render the variable substitutions in\n// the translation string. identifiers specify the tags will be used to find\n// variable substitutions, i.e. {test} or {{test}}, note that we are using a\n// closure to avoid recompilation of the regular expression to match tags on\n// every render cycle.\n\n\nvar renderFn = function renderFn(identifiers) {\n var warnings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n if (identifiers == null || identifiers.length != 2) {\n console.warn('i18n: You must specify the start and end character identifying variable substitutions');\n } // construct a regular expression ot find variable substitutions, i.e. {test}\n\n\n var matcher = new RegExp('' + identifiers[0] + '{1}(\\\\w{1}|\\\\w.+?)' + identifiers[1] + '{1}', 'g'); // define the replacement function\n\n var replace = function replace(translation, replacements) {\n // check if the object has a replace property\n if (!translation.replace) {\n return translation;\n }\n\n return translation.replace(matcher, function (placeholder) {\n // remove the identifiers (can be set on the module level)\n var key = placeholder.replace(identifiers[0], '').replace(identifiers[1], '');\n\n if (replacements[key] !== undefined) {\n return replacements[key];\n } // warn user that the placeholder has not been found\n\n\n if (warnings) {\n console.group ? console.group('i18n: Not all placeholders found') : console.warn('i18n: Not all placeholders found');\n console.warn('Text:', translation);\n console.warn('Placeholder:', placeholder);\n\n if (console.groupEnd) {\n console.groupEnd();\n }\n } // return the original placeholder\n\n\n return placeholder;\n });\n }; // the render function will replace variable substitutions and prepare the\n // translations for rendering\n\n\n var render = function render(locale, translation) {\n var replacements = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var pluralization = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;\n\n // get the type of the property\n var objType = _typeof(translation);\n\n var pluralizationType = _typeof(pluralization);\n\n var resolvePlaceholders = function resolvePlaceholders() {\n if (isArray$1(translation)) {\n // replace the placeholder elements in all sub-items\n return translation.map(function (item) {\n return replace(item, replacements, false);\n });\n } else if (objType === 'string') {\n return replace(translation, replacements, true);\n }\n }; // return translation item directly\n\n\n if (pluralization === null) {\n return resolvePlaceholders();\n } // check if pluralization value is countable\n\n\n if (pluralizationType !== 'number') {\n if (warnings) console.warn('i18n: pluralization is not a number');\n return resolvePlaceholders();\n } // --- handle pluralizations ---\n // replace all placeholders\n\n\n var resolvedTranslation = resolvePlaceholders(); // initialize pluralizations\n\n var pluralizations = null; // if translations are already an array and have more than one entry,\n // we will not perform a split operation on :::\n\n if (isArray$1(resolvedTranslation) && resolvedTranslation.length > 0) {\n pluralizations = resolvedTranslation;\n } else {\n // split translation strings by ::: to find create the pluralization array\n pluralizations = resolvedTranslation.split(':::');\n } // determine the pluralization version to use by locale\n\n\n var index = plurals.getTranslationIndex(locale, pluralization); // check if the specified index is present in the pluralization\n\n if (typeof pluralizations[index] === 'undefined') {\n if (warnings) {\n console.warn('i18n: pluralization not provided in locale', translation, locale, index);\n } // return the first element of the pluralization by default\n\n\n return pluralizations[0].trim();\n } // return the requested item from the pluralizations\n\n\n return pluralizations[index].trim();\n }; // return the render function to the caller\n\n\n return render;\n}; // check if the given object is an array\n\n\nfunction isArray$1(obj) {\n return !!obj && Array === obj.constructor;\n}\n\n// import the vuex module for localization\n\nvar index = {\n store: i18nVuexModule,\n plugin: VuexI18nPlugin\n};\n\nexport default index;\n","import Vue from 'vue';\nimport Vuex from 'vuex';\nimport VueRouter from 'vue-router';\nimport store from './store';\nimport storingmelden from './modules/storingmelden/storingmelden.vue';\nimport Vuelidate from 'vuelidate';\nimport vuexI18n from 'vuex-i18n';\nimport Autocomplete from 'vue2-autocomplete-js';\n\nVue.use(Vuex);\nVue.use(VueRouter);\nVue.use(Vuelidate);\nVue.component('autocomplete', Autocomplete);\nVue.use(require('vue-moment'));\n\nVue.use(vuexI18n.plugin, store);\n\nVue.mixin({\n methods: {\n convertFileToBase64String(file) {\n return new Promise((resolve, reject) => {\n var reader = new FileReader();\n reader.onload = () => {\n resolve(reader.result);\n };\n reader.onerror = error => {\n reject(error);\n };\n reader.readAsDataURL(file);\n });\n },\n $tr(key,defaultFallback){\n let translation = this.$t(key,\"no_translation_found\");\n if(translation === \"no_translation_found\"){\n if(defaultFallback){\n return defaultFallback;\n }else{\n return \"[\" + key + \"]\";\n }\n }\n return translation;\n } \n }\n});\n\nconst router = new VueRouter({\n mode: 'history'\n});\n\nfunction init() {\n const elStoringmelden = document.getElementById('storingmelden');\n\n if (elStoringmelden !== null && elStoringmelden !== undefined) {\n // ReSharper disable once ConstructorCallNotUsed\n new Vue({\n el: '#storingmelden',\n router,\n store,\n render: (h) =>\n h(storingmelden, {\n props: {\n language: elStoringmelden.getAttribute('data-language') || 'nl',\n brand: elStoringmelden.getAttribute('data-brand') || 'atag',\n url: elStoringmelden.getAttribute('data-url') || '#',\n country: elStoringmelden.getAttribute('data-country') || 'nl',\n retailer: elStoringmelden.getAttribute('data-retailer') || false\n }\n })\n });\n }\n}\n\nexport default {\n init\n};\n","import components from './components';\ncomponents.init();"],"sourceRoot":""}\n
\n\n \n \n \n
\n \n
\n \n
\n \n \n \n
\n