\n\n
\n\n\n\n\n\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AttachmentComponent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AttachmentComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AttachmentComponent.vue?vue&type=template&id=ec541096&scoped=true&\"\nimport script from \"./AttachmentComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./AttachmentComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AttachmentComponent.vue?vue&type=style&index=0&id=ec541096&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"ec541096\",\n null\n \n)\n\nexport default component.exports","// all object keys, includes non-enumerable and symbols\nvar gOPN = require('./_object-gopn');\nvar gOPS = require('./_object-gops');\nvar anObject = require('./_an-object');\nvar Reflect = require('./_global').Reflect;\nmodule.exports = Reflect && Reflect.ownKeys || function ownKeys(it) {\n var keys = gOPN.f(anObject(it));\n var getSymbols = gOPS.f;\n return getSymbols ? keys.concat(getSymbols(it)) : keys;\n};\n","// 7.2.8 IsRegExp(argument)\nvar isObject = require('./_is-object');\nvar cof = require('./_cof');\nvar MATCH = require('./_wks')('match');\nmodule.exports = function (it) {\n var isRegExp;\n return isObject(it) && ((isRegExp = it[MATCH]) !== undefined ? !!isRegExp : cof(it) == 'RegExp');\n};\n","import _Object$defineProperty from \"../../core-js/object/define-property\";\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n\n _Object$defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nexport default function _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}","import moment from 'moment'\n\n/**\n *Date util class used to normalize dates\n * @export\n * @class DateService\n */\nexport default class DateService {\n\n\n /**\n * Takes in date returns back date with time set to 12 noon to avoid time zone change conflicts between UTC/MST etc.\n * @static\n * @param {Date} value\n * @returns Javascript Date\n * @memberof DateService\n */\n static normalizeDateTime(value) {\n //console.log('dateservice.normalizeDateTime')\n let response = null;\n \n try {\n if (value == undefined || value == null) { return null; }\n \n response = moment.utc(value);\n return response;\n\n } catch (e) {\n return response;\n }\n }\n\n static dateFilterComparator = (filterLocalDateAtMidnight, cellValue) => {\n const cellDate = moment(cellValue).startOf(\"day\").toDate();\n\n if (filterLocalDateAtMidnight.getTime() == cellDate.getTime()) {\n return 0;\n }\n\n if (cellDate < filterLocalDateAtMidnight) {\n return -1;\n }\n\n if (cellDate > filterLocalDateAtMidnight) {\n return 1;\n }\n }\n}","// helper for String#{startsWith, endsWith, includes}\nvar isRegExp = require('./_is-regexp');\nvar defined = require('./_defined');\n\nmodule.exports = function (that, searchString, NAME) {\n if (isRegExp(searchString)) throw TypeError('String#' + NAME + \" doesn't accept regex!\");\n return String(defined(that));\n};\n","import moment from 'moment'\nimport { APIFactory } from '../api/api.factory'\nimport DateService from '../services/DateService'\n\nconst ExpenseReportAPI = APIFactory.get('expenseReport')\nconst LodgeAPI = APIFactory.get('lodge');\n\n\n//Internal only not accessible by default export. \nconst setIsExceptionSatisifed = function (ex) {\n ex.isSatisfied = false;\n\n //over per diem, selected none for per diem overage\n if (ex.expenseExceptionTypeId == 1 && ex.responseValue == 2) {\n return ex.isSatisfied = true;\n }\n\n //over per diem,has a option other than none selected, has atleast one attachment.\n if (ex.expenseExceptionTypeId == 1) {\n if (ex.responseValue == 3 || ex.responseValue == 4 || ex.responseValue == 5 || ex.responseValue == 6) {\n if (ex.attachments.length >= 1) {\n return ex.isSatisfied = true;\n }\n }\n }\n //personal day exception, has a response value, has atleast one attachment\n if (ex.expenseExceptionTypeId == 2 && ex.responseValue && ex.attachments.length >= 1) {\n return ex.isSatisfied = true;\n }\n\n //otherwise default to exception has not been satisified.\n}\n\n\nexport default {\n\n async getLodges(erID) {\n console.log('lodgingservice.getLodges')\n const { data } = await LodgeAPI.get(erID);\n\n return data;\n },\n\n async saveLodge(request) {\n console.log('lodgingservice.saveLodge')\n const { data } = await LodgeAPI.save(request);\n\n return data;\n },\n async getLodgeLocationSummary(erID) {\n console.log('lodgingservice.getLodgeLocationSummary')\n const { data } = await ExpenseReportAPI.getLodgeLocationSummary(erID);\n\n return data;\n },\n\n async getReferenceDates(erID) {\n console.log('lodgingservice.getReferenceDates')\n const { data } = await ExpenseReportAPI.getReferenceDates(erID);\n\n return data;\n },\n async deleteLodge(id) {\n console.log('lodgingservice.deleteLodge');\n const { data } = await LodgeAPI.delete(id);\n return data;\n\n },\n mapResponseToHotel(existingLodging) {\n console.log('lodgingservice.mapResponseToHotel')\n let tripHotels = [];\n\n existingLodging.forEach(el => {\n let hoteldays = []\n\n //this area map resposne back to object and join them together\n el.lodgeDates.forEach(ld => {\n hoteldays.push({\n //vueJSUniqueID: this.randomID(),\n hotelDate: DateService.normalizeDateTime(ld.date),\n base: ld.amount,\n taxes: ld.tax,\n total: 0,\n adjustment: ld.adjustment,\n baseOverThreeTimesAdjustment: 0,\n taxesOverThreeTimesAdjustment: 0,\n baseWarning: false,\n personalDay: false,\n exception: false,\n exceptions: ld.exceptions,\n exceptionSatisfied: false,\n id: ld.id,\n lodgeId: ld.lodgeId\n })\n })\n\n //ensure order of items is least to greatest on table\n hoteldays = _.orderBy(hoteldays, 'hotelDate', 'asc')\n\n let hotel = {\n hotelName: el.lodgeName,\n attachments: el.attachments,\n startDate: moment(DateService.normalizeDateTime(el.startDate)).toDate(),\n endDate: moment(DateService.normalizeDateTime(el.endDate)).toDate(),\n hotelDayDates: hoteldays,\n baseSubTotal: 0,\n baseAdjustment: 0,\n taxesSubTotal: 0,\n taxesAdjustment: 0,\n adjustmentTotal: 0,\n subTotal: 0,\n total: 0,\n mergeExceptions: el.mergeExceptions,\n id: el.id\n };\n\n //hotel.hotelDayDates.forEach(hd => this.calculateHotelDayTotal(tempHotel, hd))\n tripHotels.push(hotel)\n })\n return tripHotels;\n },\n createSaveRequest(hotels, expenseReportID, supportingRemark) {\n let listOfLodges = [];\n let lodgeRequest = {\n expenseReportId: expenseReportID,\n lodges: listOfLodges,\n supportingRemark: supportingRemark\n }\n\n hotels.forEach(m => {\n let lDates = [];\n m.hotelDayDates.forEach(hDD => {\n\n hDD.exceptions.forEach(ex => { setIsExceptionSatisifed(ex); ex.responseValue = ex.responseValue ? ex.responseValue.toString() : ex.responseValue; });\n\n lDates.push(\n {\n \"lodgeId\": hDD.lodgeId,\n \"date\": DateService.normalizeDateTime(hDD.hotelDate),\n \"amount\": hDD.base,\n \"tax\": hDD.taxes,\n \"adjustment\": hDD.adjustment,\n \"exceptions\": hDD.exceptions,\n \"id\": hDD.id\n })\n })\n\n listOfLodges.push(\n {\n \"expenseReportId\": expenseReportID,\n \"lodgeName\": m.hotelName,\n \"attachments\": m.attachments,\n \"startDate\": DateService.normalizeDateTime(m.startDate),\n \"endDate\": DateService.normalizeDateTime(m.endDate),\n \"id\": m.id,\n \"lodgeDates\": lDates,\n \"mergeExceptions\": m.mergeExceptions\n })\n })\n\n return lodgeRequest;\n }\n}","import moment from 'moment'\nimport { APIFactory } from '../api/api.factory'\n\nconst MealAPI = APIFactory.get('meals');\nconst ExpenseReportAPI = APIFactory.get('expenseReport')\n\nconst setIsExceptionSatisifed = function (m,attachments) {\n\n //check if breakfast exceptions satisfied\n if (m.breakfastExceptions) {\n for (let i = 0; i < m.breakfastExceptions.length; i++) {\n let breakfastException = m.breakfastExceptions[i];\n if (breakfastException.expenseExceptionTypeId == 4) { \n breakfastException.isSatisfied = attachments.length > 0;\n }\n else if (breakfastException.expenseExceptionTypeId == 5) {\n if (breakfastException.responseValue.length >= 1) {\n breakfastException.isSatisfied = true;\n }\n else {\n breakfastException.isSatisfied = false;\n }\n }\n else {\n breakfastException.isSatisfied = false;\n }\n }\n \n }\n\n //check if lunch exceptions satisfied\n if (m.lunchExceptions) {\n for (let i = 0; i < m.lunchExceptions.length; i++) {\n let lunchException = m.lunchExceptions[i];\n if (lunchException.expenseExceptionTypeId == 4) {\n lunchException.isSatisfied = attachments.length > 0;\n }\n else if (lunchException.expenseExceptionTypeId == 5) {\n if (lunchException.responseValue.length >= 1) {\n lunchException.isSatisfied = true;\n }\n else {\n lunchException.isSatisfied = false;\n }\n }\n else {\n lunchException.isSatisfied = false;\n }\n }\n \n }\n\n //check if dinner exceptions satisfied\n if (m.dinnerExceptions) {\n for (let i = 0; i < m.dinnerExceptions.length; i++) {\n let dinnerException = m.dinnerExceptions[i];\n if (dinnerException.expenseExceptionTypeId == 4) {\n dinnerException.isSatisfied = attachments.length > 0;\n }\n else if (dinnerException.expenseExceptionTypeId == 5) {\n if (dinnerException.responseValue.length >= 1) {\n dinnerException.isSatisfied = true;\n }\n else {\n dinnerException.isSatisfied = false;\n }\n }\n else {\n dinnerException.isSatisfied = false;\n }\n }\n \n }\n\n //check if incidentals exceptions satisfied\n if (m.incidentalsExceptions) {\n for (let i = 0; i < m.incidentalsExceptions.length; i++) {\n let incidentalsException = m.incidentalsExceptions[i];\n if (incidentalsException.expenseExceptionTypeId == 4) {\n incidentalsException.isSatisfied = attachments.length > 0;\n }\n else if (incidentalsException.expenseExceptionTypeId == 5) {\n if (incidentalsException.responseValue.length >= 1) {\n incidentalsException.isSatisfied = true;\n }\n else {\n incidentalsException.isSatisfied = false;\n }\n }\n else {\n incidentalsException.isSatisfied = false;\n }\n }\n }\n}\n\n\n\nexport default {\n async deleteException(exceptionID) {\n const { data } = await MealAPI.deleteException(exceptionID);\n return data;\n },\n async getMeals(erID) {\n console.log('mealService.getMeals')\n const { data } = await MealAPI.get(erID);\n\n return data;\n },\n\n async saveMeals(request) {\n console.log('mealService.saveMeals')\n const { data } = await MealAPI.save(request);\n\n return data;\n },\n async deleteMeal(erID) {\n console.log('mealService.deleteMeal')\n const { data } = await ExpenseReportAPI.delete(erID);\n\n return data;\n },\n async getMealsLocationSummary(erID) {\n console.log('mealService.getMealLocationSummary')\n const { data } = await ExpenseReportAPI.getMealsLocationSummary(erID);\n\n return data;\n },\n async getReferenceDates(erID) {\n console.log('mealService.getReferenceDates')\n const { data } = await ExpenseReportAPI.getReferenceDates(erID);\n\n return data;\n },\n createSaveRequest(expenseReportID, meals, supportingRemark, attachments) {\n let listOfMeals = [];\n let mealRequest = {\n expenseReportId: expenseReportID,\n mealDates: listOfMeals,\n supportingRemark: supportingRemark\n };\n let mealsAttached = false;\n\n meals.forEach(m => {\n setIsExceptionSatisifed(m, attachments);\n if (!mealsAttached && attachments.length) {\n if (m.breakfastExceptions.length) {\n m.breakfastExceptions[0].attachments = attachments;\n mealsAttached = true;\n }\n else if (m.lunchExceptions.length) {\n m.lunchExceptions[0].attachments = attachments;\n mealsAttached = true;\n }\n else if (m.dinnerExceptions.length) {\n m.dinnerExceptions[0].attachments = attachments;\n mealsAttached = true;\n }\n else if (m.incidentalsExceptions.length) {\n m.incidentalsExceptions[0].attachments = attachments;\n mealsAttached = true;\n }\n }\n listOfMeals.push(\n {\n \"expenseReportId\": expenseReportID,\n \"date\": m.date,\n \"id\": m.dayDateID,\n \"meals\": [\n {\n \"mealTypeId\": 1,\n \"amount\": m.breakfast,\n \"adjustment\": m.breakfastAdjusted,\n \"id\": m.breakfastID,\n \"exceptions\": m.breakfastExceptions ? m.breakfastExceptions : []\n },\n {\n \"mealTypeId\": 2,\n \"amount\": m.lunch,\n \"adjustment\": m.lunchAdjusted,\n \"id\": m.lunchID,\n \"exceptions\": m.lunchExceptions ? m.lunchExceptions : []\n },\n {\n \"mealTypeId\": 3,\n \"amount\": m.dinner,\n \"adjustment\": m.dinnerAdjusted,\n \"id\": m.dinnerID,\n \"exceptions\": m.dinnerExceptions ? m.dinnerExceptions : []\n },\n {\n \"mealTypeId\": 4,\n \"amount\": m.incidentals,\n \"adjustment\": m.incidentalsAdjusted,\n \"id\": m.incidentalsID,\n \"exceptions\": m.incidentalsExceptions ? m.incidentalsExceptions : []\n }\n ],\n },\n )\n })\n return mealRequest;\n }\n}","'use strict';\nvar $defineProperty = require('./_object-dp');\nvar createDesc = require('./_property-desc');\n\nmodule.exports = function (object, index, value) {\n if (index in object) $defineProperty.f(object, index, createDesc(0, value));\n else object[index] = value;\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('h1',{staticClass:\"d-flex justify-content-center\"},[_vm._v(\"Travel Expense Report \")]),(!_vm.loading && _vm.expenseReportID)?_c('span',{staticClass:\"fa fa-print ml-2 fa-lg\",attrs:{\"title\":\"Print View\"},on:{\"click\":function($event){return _vm.$router.push({ name: 'travel-expense-report-print', params: { erid: _vm.expenseReportID } })}}}):_vm._e()]),_c('a',{staticClass:\"d-flex justify-content-center\",attrs:{\"href\":\"https://drive.google.com/file/d/1BVrfNtkEoq_jL1Fc-u1BPPv7hhv8PPSD/view?usp=sharing\",\"target\":\"_blank\"}},[_vm._v(\"Travel Reimbursement Policy\")]),_c('ul',{staticClass:\"nav nav-pills d-flex justify-content-center\"},[_c('li',{staticClass:\"nav-item\"},[_c('div',{staticClass:\"totaltext\"}),_c('router-link',{staticClass:\"nav-link\",staticStyle:{\"font-weight\":\"900\"},attrs:{\"to\":{ name: 'travel-expense-report', params: {erid: _vm.expenseReportID } }}},[_vm._v(\"Trip Profile \")])],1),_c('li',{staticClass:\"nav-item\"},[_c('div',{staticClass:\"totaltext\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.summaryCosts.airfareReimbursementAmount > 0),expression:\"summaryCosts.airfareReimbursementAmount > 0\"}]},[_vm._v(\"$\")]),(_vm.summaryCosts.airfareReimbursementAmount == null || _vm.summaryCosts.airfareReimbursementAmount == 0)?_c('span',[_vm._v(\"-\")]):_vm._e(),_c('vue-odometer',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.summaryCosts.airfareReimbursementAmount > 0),expression:\"summaryCosts.airfareReimbursementAmount > 0\"}],attrs:{\"format\":\"\",\"value\":_vm.summaryCosts.airfareReimbursementAmount}})],1),_c('router-link',{staticClass:\"nav-link\",class:{ disabled: _vm.linksDisabled },staticStyle:{\"font-weight\":\"900\"},attrs:{\"to\":{ name: 'air', params: {erid: _vm.expenseReportID } }}},[_vm._v(\"Air \")])],1),_c('li',{staticClass:\"nav-item\"},[_c('div',{staticClass:\"totaltext\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.summaryCosts.lodgingReimbursementAmount > 0),expression:\"summaryCosts.lodgingReimbursementAmount > 0\"}]},[_vm._v(\"$\")]),(_vm.summaryCosts.lodgingReimbursementAmount == null || _vm.summaryCosts.lodgingReimbursementAmount == 0)?_c('span',[_vm._v(\"-\")]):_vm._e(),_c('vue-odometer',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.summaryCosts.lodgingReimbursementAmount > 0),expression:\"summaryCosts.lodgingReimbursementAmount > 0\"}],attrs:{\"format\":\"\",\"value\":_vm.summaryCosts.lodgingReimbursementAmount}})],1),_c('router-link',{staticClass:\"nav-link\",class:{ disabled: _vm.linksDisabled },staticStyle:{\"font-weight\":\"900\"},attrs:{\"to\":{ name: 'lodging', params: {erid: _vm.expenseReportID } }}},[_vm._v(\"Lodging \")])],1),_c('li',{staticClass:\"nav-item\"},[_c('div',{staticClass:\"totaltext\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.summaryCosts.mealReimbursementAmount > 0),expression:\"summaryCosts.mealReimbursementAmount > 0\"}]},[_vm._v(\"$\")]),(_vm.summaryCosts.mealReimbursementAmount == null || _vm.summaryCosts.mealReimbursementAmount == 0)?_c('span',[_vm._v(\"-\")]):_vm._e(),_c('vue-odometer',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.summaryCosts.mealReimbursementAmount > 0),expression:\"summaryCosts.mealReimbursementAmount > 0\"}],attrs:{\"format\":\"\",\"value\":_vm.summaryCosts.mealReimbursementAmount}})],1),_c('router-link',{staticClass:\"nav-link\",class:{ disabled: _vm.linksDisabled },staticStyle:{\"font-weight\":\"900\"},attrs:{\"to\":{ name: 'meals', params: {erid: _vm.expenseReportID } }}},[_vm._v(\"Meals \")])],1),_c('li',{staticClass:\"nav-item\"},[_c('div',{staticClass:\"totaltext\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.summaryCosts.carRentalReimbursementAmount > 0),expression:\"summaryCosts.carRentalReimbursementAmount > 0\"}]},[_vm._v(\"$\")]),(_vm.summaryCosts.carRentalReimbursementAmount == null || _vm.summaryCosts.carRentalReimbursementAmount == 0)?_c('span',[_vm._v(\"-\")]):_vm._e(),_c('vue-odometer',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.summaryCosts.carRentalReimbursementAmount > 0),expression:\"summaryCosts.carRentalReimbursementAmount > 0\"}],attrs:{\"format\":\"\",\"value\":_vm.summaryCosts.carRentalReimbursementAmount}})],1),_c('router-link',{staticClass:\"nav-link\",class:{ disabled: _vm.linksDisabled },staticStyle:{\"font-weight\":\"900\"},attrs:{\"to\":{ name: 'rental-car', params: {erid: _vm.expenseReportID } }}},[_vm._v(\"Rental Car \")])],1),_c('li',{staticClass:\"nav-item\"},[_c('div',{staticClass:\"totaltext\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.summaryCosts.otherCombinedCostReimbursementAmount > 0),expression:\"summaryCosts.otherCombinedCostReimbursementAmount > 0\"}]},[_vm._v(\"$\")]),(_vm.summaryCosts.otherCombinedCostReimbursementAmount == null || _vm.summaryCosts.otherCombinedCostReimbursementAmount == 0)?_c('span',[_vm._v(\"-\")]):_vm._e(),_c('vue-odometer',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.summaryCosts.otherCombinedCostReimbursementAmount > 0),expression:\"summaryCosts.otherCombinedCostReimbursementAmount > 0\"}],attrs:{\"format\":\"\",\"value\":_vm.summaryCosts.otherCombinedCostReimbursementAmount}})],1),_c('router-link',{staticClass:\"nav-link\",class:{ disabled: _vm.linksDisabled },staticStyle:{\"font-weight\":\"900\"},attrs:{\"to\":{ name: 'other', params: {erid: _vm.expenseReportID } }}},[_vm._v(\"Other \")])],1),_c('li',{staticClass:\"nav-item\"},[_c('div',{staticClass:\"totaltext\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.summaryCosts.totalReimbursementAmount > 0),expression:\"summaryCosts.totalReimbursementAmount > 0\"}]},[_vm._v(\"$\")]),(_vm.summaryCosts.totalReimbursementAmount == null || _vm.summaryCosts.totalReimbursementAmount == 0)?_c('span',[_vm._v(\"-\")]):_vm._e(),_c('vue-odometer',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.summaryCosts.totalReimbursementAmount > 0),expression:\"summaryCosts.totalReimbursementAmount > 0\"}],attrs:{\"format\":\"\",\"value\":_vm.summaryCosts.totalReimbursementAmount}})],1),_c('router-link',{staticClass:\"nav-link\",class:{ disabled: _vm.linksDisabled },staticStyle:{\"font-weight\":\"900\"},attrs:{\"to\":{ name: 'review-submit', params: {erid: _vm.expenseReportID } }}},[_vm._v(\"Review / Submit \")])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.className})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n\r\n\r\n\r\n","import mod from \"-!../../../cache-loader/dist/cjs.js??ref--12-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--0-0!../../../vue-loader/lib/index.js??vue-loader-options!./VueOdometer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../cache-loader/dist/cjs.js??ref--12-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--0-0!../../../vue-loader/lib/index.js??vue-loader-options!./VueOdometer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VueOdometer.vue?vue&type=template&id=2729495c&\"\nimport script from \"./VueOdometer.vue?vue&type=script&lang=js&\"\nexport * from \"./VueOdometer.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../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","const Odometer = require('odometer/odometer.min.js')\r\n\r\nimport 'odometer/themes/odometer-theme-car.css'\r\nimport 'odometer/themes/odometer-theme-default.css'\r\nimport 'odometer/themes/odometer-theme-digital.css'\r\nimport 'odometer/themes/odometer-theme-minimal.css'\r\nimport 'odometer/themes/odometer-theme-plaza.css'\r\nimport 'odometer/themes/odometer-theme-slot-machine.css'\r\nimport 'odometer/themes/odometer-theme-train-station.css'\r\nimport VueOdometer from './components/VueOdometer'\r\n\r\nif (typeof window !== 'undefined' && window.Vue) {\r\n window.Vue.component('vue-odometer', VueOdometer)\r\n}\r\n\r\nexport default VueOdometer\r\n","\n \n
\n \n
\n \n
\n\n \n \n \n
\n \n \n
\n \n
\n\n \n \n Select Attachment\n
\n \n \n
\n \n
\n \n ![]()
\n
\n \n
\n \n {{r.receiptName}}\n
\n \n
\n\n\n \n \n Select Attachment\n
\n \n \n
\n \n
\n \n ![]()
\n
\n \n
\n \n {{r.institutionalDocumentName}}\n
\n \n
\n\n \n
\n \n \n
\n - \n
- \n Error uploading file: {{file.name}} Error: {{file.error}}\n \n
\n
\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TravelExpenseReportTabs.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TravelExpenseReportTabs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TravelExpenseReportTabs.vue?vue&type=template&id=237191f8&scoped=true&\"\nimport script from \"./TravelExpenseReportTabs.vue?vue&type=script&lang=js&\"\nexport * from \"./TravelExpenseReportTabs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TravelExpenseReportTabs.vue?vue&type=style&index=0&id=237191f8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"237191f8\",\n null\n \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TravelExpenseReportTabs.vue?vue&type=style&index=0&id=237191f8&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TravelExpenseReportTabs.vue?vue&type=style&index=0&id=237191f8&scoped=true&lang=css&\"","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\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\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 _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nvar Language =\n/*#__PURE__*/\nfunction () {\n function Language(language, months, monthsAbbr, days) {\n _classCallCheck(this, Language);\n\n this.language = language;\n this.months = months;\n this.monthsAbbr = monthsAbbr;\n this.days = days;\n this.rtl = false;\n this.ymd = false;\n this.yearSuffix = '';\n }\n\n _createClass(Language, [{\n key: \"language\",\n get: function get() {\n return this._language;\n },\n set: function set(language) {\n if (typeof language !== 'string') {\n throw new TypeError('Language must be a string');\n }\n\n this._language = language;\n }\n }, {\n key: \"months\",\n get: function get() {\n return this._months;\n },\n set: function set(months) {\n if (months.length !== 12) {\n throw new RangeError(\"There must be 12 months for \".concat(this.language, \" language\"));\n }\n\n this._months = months;\n }\n }, {\n key: \"monthsAbbr\",\n get: function get() {\n return this._monthsAbbr;\n },\n set: function set(monthsAbbr) {\n if (monthsAbbr.length !== 12) {\n throw new RangeError(\"There must be 12 abbreviated months for \".concat(this.language, \" language\"));\n }\n\n this._monthsAbbr = monthsAbbr;\n }\n }, {\n key: \"days\",\n get: function get() {\n return this._days;\n },\n set: function set(days) {\n if (days.length !== 7) {\n throw new RangeError(\"There must be 7 days for \".concat(this.language, \" language\"));\n }\n\n this._days = days;\n }\n }]);\n\n return Language;\n}(); // eslint-disable-next-line\n\nvar en = new Language('English', ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']) // eslint-disable-next-line\n;\n\nvar utils = {\n /**\n * @type {Boolean}\n */\n useUtc: false,\n\n /**\n * Returns the full year, using UTC or not\n * @param {Date} date\n */\n getFullYear: function getFullYear(date) {\n return this.useUtc ? date.getUTCFullYear() : date.getFullYear();\n },\n\n /**\n * Returns the month, using UTC or not\n * @param {Date} date\n */\n getMonth: function getMonth(date) {\n return this.useUtc ? date.getUTCMonth() : date.getMonth();\n },\n\n /**\n * Returns the date, using UTC or not\n * @param {Date} date\n */\n getDate: function getDate(date) {\n return this.useUtc ? date.getUTCDate() : date.getDate();\n },\n\n /**\n * Returns the day, using UTC or not\n * @param {Date} date\n */\n getDay: function getDay(date) {\n return this.useUtc ? date.getUTCDay() : date.getDay();\n },\n\n /**\n * Returns the hours, using UTC or not\n * @param {Date} date\n */\n getHours: function getHours(date) {\n return this.useUtc ? date.getUTCHours() : date.getHours();\n },\n\n /**\n * Returns the minutes, using UTC or not\n * @param {Date} date\n */\n getMinutes: function getMinutes(date) {\n return this.useUtc ? date.getUTCMinutes() : date.getMinutes();\n },\n\n /**\n * Sets the full year, using UTC or not\n * @param {Date} date\n */\n setFullYear: function setFullYear(date, value, useUtc) {\n return this.useUtc ? date.setUTCFullYear(value) : date.setFullYear(value);\n },\n\n /**\n * Sets the month, using UTC or not\n * @param {Date} date\n */\n setMonth: function setMonth(date, value, useUtc) {\n return this.useUtc ? date.setUTCMonth(value) : date.setMonth(value);\n },\n\n /**\n * Sets the date, using UTC or not\n * @param {Date} date\n * @param {Number} value\n */\n setDate: function setDate(date, value, useUtc) {\n return this.useUtc ? date.setUTCDate(value) : date.setDate(value);\n },\n\n /**\n * Check if date1 is equivalent to date2, without comparing the time\n * @see https://stackoverflow.com/a/6202196/4455925\n * @param {Date} date1\n * @param {Date} date2\n */\n compareDates: function compareDates(date1, date2) {\n var d1 = new Date(date1.getTime());\n var d2 = new Date(date2.getTime());\n\n if (this.useUtc) {\n d1.setUTCHours(0, 0, 0, 0);\n d2.setUTCHours(0, 0, 0, 0);\n } else {\n d1.setHours(0, 0, 0, 0);\n d2.setHours(0, 0, 0, 0);\n }\n\n return d1.getTime() === d2.getTime();\n },\n\n /**\n * Validates a date object\n * @param {Date} date - an object instantiated with the new Date constructor\n * @return {Boolean}\n */\n isValidDate: function isValidDate(date) {\n if (Object.prototype.toString.call(date) !== '[object Date]') {\n return false;\n }\n\n return !isNaN(date.getTime());\n },\n\n /**\n * Return abbreviated week day name\n * @param {Date}\n * @param {Array}\n * @return {String}\n */\n getDayNameAbbr: function getDayNameAbbr(date, days) {\n if (_typeof(date) !== 'object') {\n throw TypeError('Invalid Type');\n }\n\n return days[this.getDay(date)];\n },\n\n /**\n * Return name of the month\n * @param {Number|Date}\n * @param {Array}\n * @return {String}\n */\n getMonthName: function getMonthName(month, months) {\n if (!months) {\n throw Error('missing 2nd parameter Months array');\n }\n\n if (_typeof(month) === 'object') {\n return months[this.getMonth(month)];\n }\n\n if (typeof month === 'number') {\n return months[month];\n }\n\n throw TypeError('Invalid type');\n },\n\n /**\n * Return an abbreviated version of the month\n * @param {Number|Date}\n * @return {String}\n */\n getMonthNameAbbr: function getMonthNameAbbr(month, monthsAbbr) {\n if (!monthsAbbr) {\n throw Error('missing 2nd paramter Months array');\n }\n\n if (_typeof(month) === 'object') {\n return monthsAbbr[this.getMonth(month)];\n }\n\n if (typeof month === 'number') {\n return monthsAbbr[month];\n }\n\n throw TypeError('Invalid type');\n },\n\n /**\n * Alternative get total number of days in month\n * @param {Number} year\n * @param {Number} m\n * @return {Number}\n */\n daysInMonth: function daysInMonth(year, month) {\n return /8|3|5|10/.test(month) ? 30 : month === 1 ? !(year % 4) && year % 100 || !(year % 400) ? 29 : 28 : 31;\n },\n\n /**\n * Get nth suffix for date\n * @param {Number} day\n * @return {String}\n */\n getNthSuffix: function getNthSuffix(day) {\n switch (day) {\n case 1:\n case 21:\n case 31:\n return 'st';\n\n case 2:\n case 22:\n return 'nd';\n\n case 3:\n case 23:\n return 'rd';\n\n default:\n return 'th';\n }\n },\n\n /**\n * Formats date object\n * @param {Date}\n * @param {String}\n * @param {Object}\n * @return {String}\n */\n formatDate: function formatDate(date, format, translation) {\n translation = !translation ? en : translation;\n var year = this.getFullYear(date);\n var month = this.getMonth(date) + 1;\n var day = this.getDate(date);\n var str = format.replace(/dd/, ('0' + day).slice(-2)).replace(/d/, day).replace(/yyyy/, year).replace(/yy/, String(year).slice(2)).replace(/MMMM/, this.getMonthName(this.getMonth(date), translation.months)).replace(/MMM/, this.getMonthNameAbbr(this.getMonth(date), translation.monthsAbbr)).replace(/MM/, ('0' + month).slice(-2)).replace(/M(?!a|ä|e)/, month).replace(/su/, this.getNthSuffix(this.getDate(date))).replace(/D(?!e|é|i)/, this.getDayNameAbbr(date, translation.days));\n return str;\n },\n\n /**\n * Creates an array of dates for each day in between two dates.\n * @param {Date} start\n * @param {Date} end\n * @return {Array}\n */\n createDateArray: function createDateArray(start, end) {\n var dates = [];\n\n while (start <= end) {\n dates.push(new Date(start));\n start = this.setDate(new Date(start), this.getDate(new Date(start)) + 1);\n }\n\n return dates;\n },\n\n /**\n * method used as a prop validator for input values\n * @param {*} val\n * @return {Boolean}\n */\n validateDateInput: function validateDateInput(val) {\n return val === null || val instanceof Date || typeof val === 'string' || typeof val === 'number';\n }\n};\nvar makeDateUtils = function makeDateUtils(useUtc) {\n return _objectSpread({}, utils, {\n useUtc: useUtc\n });\n};\nvar utils$1 = _objectSpread({}, utils) // eslint-disable-next-line\n;\n\nvar script = {\n props: {\n selectedDate: Date,\n resetTypedDate: [Date],\n format: [String, Function],\n translation: Object,\n inline: Boolean,\n id: String,\n name: String,\n refName: String,\n openDate: Date,\n placeholder: String,\n inputClass: [String, Object, Array],\n clearButton: Boolean,\n clearButtonIcon: String,\n calendarButton: Boolean,\n calendarButtonIcon: String,\n calendarButtonIconContent: String,\n disabled: Boolean,\n required: Boolean,\n typeable: Boolean,\n bootstrapStyling: Boolean,\n useUtc: Boolean\n },\n data: function data() {\n var constructedDateUtils = makeDateUtils(this.useUtc);\n return {\n input: null,\n typedDate: false,\n utils: constructedDateUtils\n };\n },\n computed: {\n formattedValue: function formattedValue() {\n if (!this.selectedDate) {\n return null;\n }\n\n if (this.typedDate) {\n return this.typedDate;\n }\n\n return typeof this.format === 'function' ? this.format(this.selectedDate) : this.utils.formatDate(new Date(this.selectedDate), this.format, this.translation);\n },\n computedInputClass: function computedInputClass() {\n if (this.bootstrapStyling) {\n if (typeof this.inputClass === 'string') {\n return [this.inputClass, 'form-control'].join(' ');\n }\n\n return _objectSpread({\n 'form-control': true\n }, this.inputClass);\n }\n\n return this.inputClass;\n }\n },\n watch: {\n resetTypedDate: function resetTypedDate() {\n this.typedDate = false;\n }\n },\n methods: {\n showCalendar: function showCalendar() {\n this.$emit('showCalendar');\n },\n\n /**\n * Attempt to parse a typed date\n * @param {Event} event\n */\n parseTypedDate: function parseTypedDate(event) {\n // close calendar if escape or enter are pressed\n if ([27, // escape\n 13 // enter\n ].includes(event.keyCode)) {\n this.input.blur();\n }\n\n if (this.typeable) {\n var typedDate = Date.parse(this.input.value);\n\n if (!isNaN(typedDate)) {\n this.typedDate = this.input.value;\n this.$emit('typedDate', new Date(this.typedDate));\n }\n }\n },\n\n /**\n * nullify the typed date to defer to regular formatting\n * called once the input is blurred\n */\n inputBlurred: function inputBlurred() {\n if (this.typeable && isNaN(Date.parse(this.input.value))) {\n this.clearDate();\n this.input.value = null;\n this.typedDate = null;\n }\n\n this.$emit('closeCalendar');\n },\n\n /**\n * emit a clearDate event\n */\n clearDate: function clearDate() {\n this.$emit('clearDate');\n }\n },\n mounted: function mounted() {\n this.input = this.$el.querySelector('input');\n }\n} // eslint-disable-next-line\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 () {\n style.call(this, createInjectorShadow(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\nvar normalizeComponent_1 = normalizeComponent;\n\n/* script */\nconst __vue_script__ = script;\n\n/* template */\nvar __vue_render__ = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"div\",\n { class: { \"input-group\": _vm.bootstrapStyling } },\n [\n _vm.calendarButton\n ? _c(\n \"span\",\n {\n staticClass: \"vdp-datepicker__calendar-button\",\n class: { \"input-group-prepend\": _vm.bootstrapStyling },\n style: { \"cursor:not-allowed;\": _vm.disabled },\n on: { click: _vm.showCalendar }\n },\n [\n _c(\n \"span\",\n { class: { \"input-group-text\": _vm.bootstrapStyling } },\n [\n _c(\"i\", { class: _vm.calendarButtonIcon }, [\n _vm._v(\n \"\\n \" +\n _vm._s(_vm.calendarButtonIconContent) +\n \"\\n \"\n ),\n !_vm.calendarButtonIcon\n ? _c(\"span\", [_vm._v(\"…\")])\n : _vm._e()\n ])\n ]\n )\n ]\n )\n : _vm._e(),\n _vm._v(\" \"),\n _c(\"input\", {\n ref: _vm.refName,\n class: _vm.computedInputClass,\n attrs: {\n type: _vm.inline ? \"hidden\" : \"text\",\n name: _vm.name,\n id: _vm.id,\n \"open-date\": _vm.openDate,\n placeholder: _vm.placeholder,\n \"clear-button\": _vm.clearButton,\n disabled: _vm.disabled,\n required: _vm.required,\n readonly: !_vm.typeable,\n autocomplete: \"off\"\n },\n domProps: { value: _vm.formattedValue },\n on: {\n click: _vm.showCalendar,\n keyup: _vm.parseTypedDate,\n blur: _vm.inputBlurred\n }\n }),\n _vm._v(\" \"),\n _vm.clearButton && _vm.selectedDate\n ? _c(\n \"span\",\n {\n staticClass: \"vdp-datepicker__clear-button\",\n class: { \"input-group-append\": _vm.bootstrapStyling },\n on: {\n click: function($event) {\n return _vm.clearDate()\n }\n }\n },\n [\n _c(\n \"span\",\n { class: { \"input-group-text\": _vm.bootstrapStyling } },\n [\n _c(\"i\", { class: _vm.clearButtonIcon }, [\n !_vm.clearButtonIcon ? _c(\"span\", [_vm._v(\"×\")]) : _vm._e()\n ])\n ]\n )\n ]\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm._t(\"afterDateInput\")\n ],\n 2\n )\n};\nvar __vue_staticRenderFns__ = [];\n__vue_render__._withStripped = true;\n\n /* style */\n const __vue_inject_styles__ = undefined;\n /* scoped */\n const __vue_scope_id__ = undefined;\n /* module identifier */\n const __vue_module_identifier__ = undefined;\n /* functional template */\n const __vue_is_functional_template__ = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var DateInput = normalizeComponent_1(\n { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },\n __vue_inject_styles__,\n __vue_script__,\n __vue_scope_id__,\n __vue_is_functional_template__,\n __vue_module_identifier__,\n undefined,\n undefined\n );\n\n//\nvar script$1 = {\n props: {\n showDayView: Boolean,\n selectedDate: Date,\n pageDate: Date,\n pageTimestamp: Number,\n fullMonthName: Boolean,\n allowedToShowView: Function,\n dayCellContent: {\n type: Function,\n \"default\": function _default(day) {\n return day.date;\n }\n },\n disabledDates: Object,\n highlighted: Object,\n calendarClass: [String, Object, Array],\n calendarStyle: Object,\n translation: Object,\n isRtl: Boolean,\n mondayFirst: Boolean,\n useUtc: Boolean\n },\n data: function data() {\n var constructedDateUtils = makeDateUtils(this.useUtc);\n return {\n utils: constructedDateUtils\n };\n },\n computed: {\n /**\n * Returns an array of day names\n * @return {String[]}\n */\n daysOfWeek: function daysOfWeek() {\n if (this.mondayFirst) {\n var tempDays = this.translation.days.slice();\n tempDays.push(tempDays.shift());\n return tempDays;\n }\n\n return this.translation.days;\n },\n\n /**\n * Returns the day number of the week less one for the first of the current month\n * Used to show amount of empty cells before the first in the day calendar layout\n * @return {Number}\n */\n blankDays: function blankDays() {\n var d = this.pageDate;\n var dObj = this.useUtc ? new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), 1)) : new Date(d.getFullYear(), d.getMonth(), 1, d.getHours(), d.getMinutes());\n\n if (this.mondayFirst) {\n return this.utils.getDay(dObj) > 0 ? this.utils.getDay(dObj) - 1 : 6;\n }\n\n return this.utils.getDay(dObj);\n },\n\n /**\n * @return {Object[]}\n */\n days: function days() {\n var d = this.pageDate;\n var days = []; // set up a new date object to the beginning of the current 'page'\n\n var dObj = this.useUtc ? new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), 1)) : new Date(d.getFullYear(), d.getMonth(), 1, d.getHours(), d.getMinutes());\n var daysInMonth = this.utils.daysInMonth(this.utils.getFullYear(dObj), this.utils.getMonth(dObj));\n\n for (var i = 0; i < daysInMonth; i++) {\n days.push({\n date: this.utils.getDate(dObj),\n timestamp: dObj.getTime(),\n isSelected: this.isSelectedDate(dObj),\n isDisabled: this.isDisabledDate(dObj),\n isHighlighted: this.isHighlightedDate(dObj),\n isHighlightStart: this.isHighlightStart(dObj),\n isHighlightEnd: this.isHighlightEnd(dObj),\n isToday: this.utils.compareDates(dObj, new Date()),\n isWeekend: this.utils.getDay(dObj) === 0 || this.utils.getDay(dObj) === 6,\n isSaturday: this.utils.getDay(dObj) === 6,\n isSunday: this.utils.getDay(dObj) === 0\n });\n this.utils.setDate(dObj, this.utils.getDate(dObj) + 1);\n }\n\n return days;\n },\n\n /**\n * Gets the name of the month the current page is on\n * @return {String}\n */\n currMonthName: function currMonthName() {\n var monthName = this.fullMonthName ? this.translation.months : this.translation.monthsAbbr;\n return this.utils.getMonthNameAbbr(this.utils.getMonth(this.pageDate), monthName);\n },\n\n /**\n * Gets the name of the year that current page is on\n * @return {Number}\n */\n currYearName: function currYearName() {\n var yearSuffix = this.translation.yearSuffix;\n return \"\".concat(this.utils.getFullYear(this.pageDate)).concat(yearSuffix);\n },\n\n /**\n * Is this translation using year/month/day format?\n * @return {Boolean}\n */\n isYmd: function isYmd() {\n return this.translation.ymd && this.translation.ymd === true;\n },\n\n /**\n * Is the left hand navigation button disabled?\n * @return {Boolean}\n */\n isLeftNavDisabled: function isLeftNavDisabled() {\n return this.isRtl ? this.isNextMonthDisabled(this.pageTimestamp) : this.isPreviousMonthDisabled(this.pageTimestamp);\n },\n\n /**\n * Is the right hand navigation button disabled?\n * @return {Boolean}\n */\n isRightNavDisabled: function isRightNavDisabled() {\n return this.isRtl ? this.isPreviousMonthDisabled(this.pageTimestamp) : this.isNextMonthDisabled(this.pageTimestamp);\n }\n },\n methods: {\n selectDate: function selectDate(date) {\n if (date.isDisabled) {\n this.$emit('selectedDisabled', date);\n return false;\n }\n\n this.$emit('selectDate', date);\n },\n\n /**\n * @return {Number}\n */\n getPageMonth: function getPageMonth() {\n return this.utils.getMonth(this.pageDate);\n },\n\n /**\n * Emit an event to show the month picker\n */\n showMonthCalendar: function showMonthCalendar() {\n this.$emit('showMonthCalendar');\n },\n\n /**\n * Change the page month\n * @param {Number} incrementBy\n */\n changeMonth: function changeMonth(incrementBy) {\n var date = this.pageDate;\n this.utils.setMonth(date, this.utils.getMonth(date) + incrementBy);\n this.$emit('changedMonth', date);\n },\n\n /**\n * Decrement the page month\n */\n previousMonth: function previousMonth() {\n if (!this.isPreviousMonthDisabled()) {\n this.changeMonth(-1);\n }\n },\n\n /**\n * Is the previous month disabled?\n * @return {Boolean}\n */\n isPreviousMonthDisabled: function isPreviousMonthDisabled() {\n if (!this.disabledDates || !this.disabledDates.to) {\n return false;\n }\n\n var d = this.pageDate;\n return this.utils.getMonth(this.disabledDates.to) >= this.utils.getMonth(d) && this.utils.getFullYear(this.disabledDates.to) >= this.utils.getFullYear(d);\n },\n\n /**\n * Increment the current page month\n */\n nextMonth: function nextMonth() {\n if (!this.isNextMonthDisabled()) {\n this.changeMonth(+1);\n }\n },\n\n /**\n * Is the next month disabled?\n * @return {Boolean}\n */\n isNextMonthDisabled: function isNextMonthDisabled() {\n if (!this.disabledDates || !this.disabledDates.from) {\n return false;\n }\n\n var d = this.pageDate;\n return this.utils.getMonth(this.disabledDates.from) <= this.utils.getMonth(d) && this.utils.getFullYear(this.disabledDates.from) <= this.utils.getFullYear(d);\n },\n\n /**\n * Whether a day is selected\n * @param {Date}\n * @return {Boolean}\n */\n isSelectedDate: function isSelectedDate(dObj) {\n return this.selectedDate && this.utils.compareDates(this.selectedDate, dObj);\n },\n\n /**\n * Whether a day is disabled\n * @param {Date}\n * @return {Boolean}\n */\n isDisabledDate: function isDisabledDate(date) {\n var _this = this;\n\n var disabledDates = false;\n\n if (typeof this.disabledDates === 'undefined') {\n return false;\n }\n\n if (typeof this.disabledDates.dates !== 'undefined') {\n this.disabledDates.dates.forEach(function (d) {\n if (_this.utils.compareDates(date, d)) {\n disabledDates = true;\n return true;\n }\n });\n }\n\n if (typeof this.disabledDates.to !== 'undefined' && this.disabledDates.to && date < this.disabledDates.to) {\n disabledDates = true;\n }\n\n if (typeof this.disabledDates.from !== 'undefined' && this.disabledDates.from && date > this.disabledDates.from) {\n disabledDates = true;\n }\n\n if (typeof this.disabledDates.ranges !== 'undefined') {\n this.disabledDates.ranges.forEach(function (range) {\n if (typeof range.from !== 'undefined' && range.from && typeof range.to !== 'undefined' && range.to) {\n if (date < range.to && date > range.from) {\n disabledDates = true;\n return true;\n }\n }\n });\n }\n\n if (typeof this.disabledDates.days !== 'undefined' && this.disabledDates.days.indexOf(this.utils.getDay(date)) !== -1) {\n disabledDates = true;\n }\n\n if (typeof this.disabledDates.daysOfMonth !== 'undefined' && this.disabledDates.daysOfMonth.indexOf(this.utils.getDate(date)) !== -1) {\n disabledDates = true;\n }\n\n if (typeof this.disabledDates.customPredictor === 'function' && this.disabledDates.customPredictor(date)) {\n disabledDates = true;\n }\n\n return disabledDates;\n },\n\n /**\n * Whether a day is highlighted (only if it is not disabled already except when highlighted.includeDisabled is true)\n * @param {Date}\n * @return {Boolean}\n */\n isHighlightedDate: function isHighlightedDate(date) {\n var _this2 = this;\n\n if (!(this.highlighted && this.highlighted.includeDisabled) && this.isDisabledDate(date)) {\n return false;\n }\n\n var highlighted = false;\n\n if (typeof this.highlighted === 'undefined') {\n return false;\n }\n\n if (typeof this.highlighted.dates !== 'undefined') {\n this.highlighted.dates.forEach(function (d) {\n if (_this2.utils.compareDates(date, d)) {\n highlighted = true;\n return true;\n }\n });\n }\n\n if (this.isDefined(this.highlighted.from) && this.isDefined(this.highlighted.to)) {\n highlighted = date >= this.highlighted.from && date <= this.highlighted.to;\n }\n\n if (typeof this.highlighted.days !== 'undefined' && this.highlighted.days.indexOf(this.utils.getDay(date)) !== -1) {\n highlighted = true;\n }\n\n if (typeof this.highlighted.daysOfMonth !== 'undefined' && this.highlighted.daysOfMonth.indexOf(this.utils.getDate(date)) !== -1) {\n highlighted = true;\n }\n\n if (typeof this.highlighted.customPredictor === 'function' && this.highlighted.customPredictor(date)) {\n highlighted = true;\n }\n\n return highlighted;\n },\n dayClasses: function dayClasses(day) {\n return {\n 'selected': day.isSelected,\n 'disabled': day.isDisabled,\n 'highlighted': day.isHighlighted,\n 'today': day.isToday,\n 'weekend': day.isWeekend,\n 'sat': day.isSaturday,\n 'sun': day.isSunday,\n 'highlight-start': day.isHighlightStart,\n 'highlight-end': day.isHighlightEnd\n };\n },\n\n /**\n * Whether a day is highlighted and it is the first date\n * in the highlighted range of dates\n * @param {Date}\n * @return {Boolean}\n */\n isHighlightStart: function isHighlightStart(date) {\n return this.isHighlightedDate(date) && this.highlighted.from instanceof Date && this.utils.getFullYear(this.highlighted.from) === this.utils.getFullYear(date) && this.utils.getMonth(this.highlighted.from) === this.utils.getMonth(date) && this.utils.getDate(this.highlighted.from) === this.utils.getDate(date);\n },\n\n /**\n * Whether a day is highlighted and it is the first date\n * in the highlighted range of dates\n * @param {Date}\n * @return {Boolean}\n */\n isHighlightEnd: function isHighlightEnd(date) {\n return this.isHighlightedDate(date) && this.highlighted.to instanceof Date && this.utils.getFullYear(this.highlighted.to) === this.utils.getFullYear(date) && this.utils.getMonth(this.highlighted.to) === this.utils.getMonth(date) && this.utils.getDate(this.highlighted.to) === this.utils.getDate(date);\n },\n\n /**\n * Helper\n * @param {mixed} prop\n * @return {Boolean}\n */\n isDefined: function isDefined(prop) {\n return typeof prop !== 'undefined' && prop;\n }\n } // eslint-disable-next-line\n\n};\n\n/* script */\nconst __vue_script__$1 = script$1;\n\n/* template */\nvar __vue_render__$1 = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showDayView,\n expression: \"showDayView\"\n }\n ],\n class: [_vm.calendarClass, \"vdp-datepicker__calendar\"],\n style: _vm.calendarStyle,\n on: {\n mousedown: function($event) {\n $event.preventDefault();\n }\n }\n },\n [\n _vm._t(\"beforeCalendarHeader\"),\n _vm._v(\" \"),\n _c(\"header\", [\n _c(\n \"span\",\n {\n staticClass: \"prev\",\n class: { disabled: _vm.isLeftNavDisabled },\n on: {\n click: function($event) {\n _vm.isRtl ? _vm.nextMonth() : _vm.previousMonth();\n }\n }\n },\n [_vm._v(\"<\")]\n ),\n _vm._v(\" \"),\n _c(\n \"span\",\n {\n staticClass: \"day__month_btn\",\n class: _vm.allowedToShowView(\"month\") ? \"up\" : \"\",\n on: { click: _vm.showMonthCalendar }\n },\n [\n _vm._v(\n _vm._s(_vm.isYmd ? _vm.currYearName : _vm.currMonthName) +\n \" \" +\n _vm._s(_vm.isYmd ? _vm.currMonthName : _vm.currYearName)\n )\n ]\n ),\n _vm._v(\" \"),\n _c(\n \"span\",\n {\n staticClass: \"next\",\n class: { disabled: _vm.isRightNavDisabled },\n on: {\n click: function($event) {\n _vm.isRtl ? _vm.previousMonth() : _vm.nextMonth();\n }\n }\n },\n [_vm._v(\">\")]\n )\n ]),\n _vm._v(\" \"),\n _c(\n \"div\",\n { class: _vm.isRtl ? \"flex-rtl\" : \"\" },\n [\n _vm._l(_vm.daysOfWeek, function(d) {\n return _c(\n \"span\",\n { key: d.timestamp, staticClass: \"cell day-header\" },\n [_vm._v(_vm._s(d))]\n )\n }),\n _vm._v(\" \"),\n _vm.blankDays > 0\n ? _vm._l(_vm.blankDays, function(d) {\n return _c(\"span\", {\n key: d.timestamp,\n staticClass: \"cell day blank\"\n })\n })\n : _vm._e(),\n _vm._l(_vm.days, function(day) {\n return _c(\"span\", {\n key: day.timestamp,\n staticClass: \"cell day\",\n class: _vm.dayClasses(day),\n domProps: { innerHTML: _vm._s(_vm.dayCellContent(day)) },\n on: {\n click: function($event) {\n return _vm.selectDate(day)\n }\n }\n })\n })\n ],\n 2\n )\n ],\n 2\n )\n};\nvar __vue_staticRenderFns__$1 = [];\n__vue_render__$1._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$1 = undefined;\n /* scoped */\n const __vue_scope_id__$1 = undefined;\n /* module identifier */\n const __vue_module_identifier__$1 = undefined;\n /* functional template */\n const __vue_is_functional_template__$1 = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var PickerDay = normalizeComponent_1(\n { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },\n __vue_inject_styles__$1,\n __vue_script__$1,\n __vue_scope_id__$1,\n __vue_is_functional_template__$1,\n __vue_module_identifier__$1,\n undefined,\n undefined\n );\n\n//\nvar script$2 = {\n props: {\n showMonthView: Boolean,\n selectedDate: Date,\n pageDate: Date,\n pageTimestamp: Number,\n disabledDates: Object,\n calendarClass: [String, Object, Array],\n calendarStyle: Object,\n translation: Object,\n isRtl: Boolean,\n allowedToShowView: Function,\n useUtc: Boolean\n },\n data: function data() {\n var constructedDateUtils = makeDateUtils(this.useUtc);\n return {\n utils: constructedDateUtils\n };\n },\n computed: {\n months: function months() {\n var d = this.pageDate;\n var months = []; // set up a new date object to the beginning of the current 'page'\n\n var dObj = this.useUtc ? new Date(Date.UTC(d.getUTCFullYear(), 0, d.getUTCDate())) : new Date(d.getFullYear(), 0, d.getDate(), d.getHours(), d.getMinutes());\n\n for (var i = 0; i < 12; i++) {\n months.push({\n month: this.utils.getMonthName(i, this.translation.months),\n timestamp: dObj.getTime(),\n isSelected: this.isSelectedMonth(dObj),\n isDisabled: this.isDisabledMonth(dObj)\n });\n this.utils.setMonth(dObj, this.utils.getMonth(dObj) + 1);\n }\n\n return months;\n },\n\n /**\n * Get year name on current page.\n * @return {String}\n */\n pageYearName: function pageYearName() {\n var yearSuffix = this.translation.yearSuffix;\n return \"\".concat(this.utils.getFullYear(this.pageDate)).concat(yearSuffix);\n },\n\n /**\n * Is the left hand navigation disabled\n * @return {Boolean}\n */\n isLeftNavDisabled: function isLeftNavDisabled() {\n return this.isRtl ? this.isNextYearDisabled(this.pageTimestamp) : this.isPreviousYearDisabled(this.pageTimestamp);\n },\n\n /**\n * Is the right hand navigation disabled\n * @return {Boolean}\n */\n isRightNavDisabled: function isRightNavDisabled() {\n return this.isRtl ? this.isPreviousYearDisabled(this.pageTimestamp) : this.isNextYearDisabled(this.pageTimestamp);\n }\n },\n methods: {\n /**\n * Emits a selectMonth event\n * @param {Object} month\n */\n selectMonth: function selectMonth(month) {\n if (month.isDisabled) {\n return false;\n }\n\n this.$emit('selectMonth', month);\n },\n\n /**\n * Changes the year up or down\n * @param {Number} incrementBy\n */\n changeYear: function changeYear(incrementBy) {\n var date = this.pageDate;\n this.utils.setFullYear(date, this.utils.getFullYear(date) + incrementBy);\n this.$emit('changedYear', date);\n },\n\n /**\n * Decrements the year\n */\n previousYear: function previousYear() {\n if (!this.isPreviousYearDisabled()) {\n this.changeYear(-1);\n }\n },\n\n /**\n * Checks if the previous year is disabled or not\n * @return {Boolean}\n */\n isPreviousYearDisabled: function isPreviousYearDisabled() {\n if (!this.disabledDates || !this.disabledDates.to) {\n return false;\n }\n\n return this.utils.getFullYear(this.disabledDates.to) >= this.utils.getFullYear(this.pageDate);\n },\n\n /**\n * Increments the year\n */\n nextYear: function nextYear() {\n if (!this.isNextYearDisabled()) {\n this.changeYear(1);\n }\n },\n\n /**\n * Checks if the next year is disabled or not\n * @return {Boolean}\n */\n isNextYearDisabled: function isNextYearDisabled() {\n if (!this.disabledDates || !this.disabledDates.from) {\n return false;\n }\n\n return this.utils.getFullYear(this.disabledDates.from) <= this.utils.getFullYear(this.pageDate);\n },\n\n /**\n * Emits an event that shows the year calendar\n */\n showYearCalendar: function showYearCalendar() {\n this.$emit('showYearCalendar');\n },\n\n /**\n * Whether the selected date is in this month\n * @param {Date}\n * @return {Boolean}\n */\n isSelectedMonth: function isSelectedMonth(date) {\n return this.selectedDate && this.utils.getFullYear(this.selectedDate) === this.utils.getFullYear(date) && this.utils.getMonth(this.selectedDate) === this.utils.getMonth(date);\n },\n\n /**\n * Whether a month is disabled\n * @param {Date}\n * @return {Boolean}\n */\n isDisabledMonth: function isDisabledMonth(date) {\n var disabledDates = false;\n\n if (typeof this.disabledDates === 'undefined') {\n return false;\n }\n\n if (typeof this.disabledDates.to !== 'undefined' && this.disabledDates.to) {\n if (this.utils.getMonth(date) < this.utils.getMonth(this.disabledDates.to) && this.utils.getFullYear(date) <= this.utils.getFullYear(this.disabledDates.to) || this.utils.getFullYear(date) < this.utils.getFullYear(this.disabledDates.to)) {\n disabledDates = true;\n }\n }\n\n if (typeof this.disabledDates.from !== 'undefined' && this.disabledDates.from) {\n if (this.utils.getMonth(date) > this.utils.getMonth(this.disabledDates.from) && this.utils.getFullYear(date) >= this.utils.getFullYear(this.disabledDates.from) || this.utils.getFullYear(date) > this.utils.getFullYear(this.disabledDates.from)) {\n disabledDates = true;\n }\n }\n\n if (typeof this.disabledDates.customPredictor === 'function' && this.disabledDates.customPredictor(date)) {\n disabledDates = true;\n }\n\n return disabledDates;\n }\n } // eslint-disable-next-line\n\n};\n\n/* script */\nconst __vue_script__$2 = script$2;\n\n/* template */\nvar __vue_render__$2 = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showMonthView,\n expression: \"showMonthView\"\n }\n ],\n class: [_vm.calendarClass, \"vdp-datepicker__calendar\"],\n style: _vm.calendarStyle,\n on: {\n mousedown: function($event) {\n $event.preventDefault();\n }\n }\n },\n [\n _vm._t(\"beforeCalendarHeader\"),\n _vm._v(\" \"),\n _c(\"header\", [\n _c(\n \"span\",\n {\n staticClass: \"prev\",\n class: { disabled: _vm.isLeftNavDisabled },\n on: {\n click: function($event) {\n _vm.isRtl ? _vm.nextYear() : _vm.previousYear();\n }\n }\n },\n [_vm._v(\"<\")]\n ),\n _vm._v(\" \"),\n _c(\n \"span\",\n {\n staticClass: \"month__year_btn\",\n class: _vm.allowedToShowView(\"year\") ? \"up\" : \"\",\n on: { click: _vm.showYearCalendar }\n },\n [_vm._v(_vm._s(_vm.pageYearName))]\n ),\n _vm._v(\" \"),\n _c(\n \"span\",\n {\n staticClass: \"next\",\n class: { disabled: _vm.isRightNavDisabled },\n on: {\n click: function($event) {\n _vm.isRtl ? _vm.previousYear() : _vm.nextYear();\n }\n }\n },\n [_vm._v(\">\")]\n )\n ]),\n _vm._v(\" \"),\n _vm._l(_vm.months, function(month) {\n return _c(\n \"span\",\n {\n key: month.timestamp,\n staticClass: \"cell month\",\n class: { selected: month.isSelected, disabled: month.isDisabled },\n on: {\n click: function($event) {\n $event.stopPropagation();\n return _vm.selectMonth(month)\n }\n }\n },\n [_vm._v(_vm._s(month.month))]\n )\n })\n ],\n 2\n )\n};\nvar __vue_staticRenderFns__$2 = [];\n__vue_render__$2._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$2 = undefined;\n /* scoped */\n const __vue_scope_id__$2 = undefined;\n /* module identifier */\n const __vue_module_identifier__$2 = undefined;\n /* functional template */\n const __vue_is_functional_template__$2 = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var PickerMonth = normalizeComponent_1(\n { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },\n __vue_inject_styles__$2,\n __vue_script__$2,\n __vue_scope_id__$2,\n __vue_is_functional_template__$2,\n __vue_module_identifier__$2,\n undefined,\n undefined\n );\n\n//\nvar script$3 = {\n props: {\n showYearView: Boolean,\n selectedDate: Date,\n pageDate: Date,\n pageTimestamp: Number,\n disabledDates: Object,\n highlighted: Object,\n calendarClass: [String, Object, Array],\n calendarStyle: Object,\n translation: Object,\n isRtl: Boolean,\n allowedToShowView: Function,\n useUtc: Boolean\n },\n computed: {\n years: function years() {\n var d = this.pageDate;\n var years = []; // set up a new date object to the beginning of the current 'page'7\n\n var dObj = this.useUtc ? new Date(Date.UTC(Math.floor(d.getUTCFullYear() / 10) * 10, d.getUTCMonth(), d.getUTCDate())) : new Date(Math.floor(d.getFullYear() / 10) * 10, d.getMonth(), d.getDate(), d.getHours(), d.getMinutes());\n\n for (var i = 0; i < 10; i++) {\n years.push({\n year: this.utils.getFullYear(dObj),\n timestamp: dObj.getTime(),\n isSelected: this.isSelectedYear(dObj),\n isDisabled: this.isDisabledYear(dObj)\n });\n this.utils.setFullYear(dObj, this.utils.getFullYear(dObj) + 1);\n }\n\n return years;\n },\n\n /**\n * @return {String}\n */\n getPageDecade: function getPageDecade() {\n var decadeStart = Math.floor(this.utils.getFullYear(this.pageDate) / 10) * 10;\n var decadeEnd = decadeStart + 9;\n var yearSuffix = this.translation.yearSuffix;\n return \"\".concat(decadeStart, \" - \").concat(decadeEnd).concat(yearSuffix);\n },\n\n /**\n * Is the left hand navigation button disabled?\n * @return {Boolean}\n */\n isLeftNavDisabled: function isLeftNavDisabled() {\n return this.isRtl ? this.isNextDecadeDisabled(this.pageTimestamp) : this.isPreviousDecadeDisabled(this.pageTimestamp);\n },\n\n /**\n * Is the right hand navigation button disabled?\n * @return {Boolean}\n */\n isRightNavDisabled: function isRightNavDisabled() {\n return this.isRtl ? this.isPreviousDecadeDisabled(this.pageTimestamp) : this.isNextDecadeDisabled(this.pageTimestamp);\n }\n },\n data: function data() {\n var constructedDateUtils = makeDateUtils(this.useUtc);\n return {\n utils: constructedDateUtils\n };\n },\n methods: {\n selectYear: function selectYear(year) {\n if (year.isDisabled) {\n return false;\n }\n\n this.$emit('selectYear', year);\n },\n changeYear: function changeYear(incrementBy) {\n var date = this.pageDate;\n this.utils.setFullYear(date, this.utils.getFullYear(date) + incrementBy);\n this.$emit('changedDecade', date);\n },\n previousDecade: function previousDecade() {\n if (this.isPreviousDecadeDisabled()) {\n return false;\n }\n\n this.changeYear(-10);\n },\n isPreviousDecadeDisabled: function isPreviousDecadeDisabled() {\n if (!this.disabledDates || !this.disabledDates.to) {\n return false;\n }\n\n var disabledYear = this.utils.getFullYear(this.disabledDates.to);\n var lastYearInPreviousPage = Math.floor(this.utils.getFullYear(this.pageDate) / 10) * 10 - 1;\n return disabledYear > lastYearInPreviousPage;\n },\n nextDecade: function nextDecade() {\n if (this.isNextDecadeDisabled()) {\n return false;\n }\n\n this.changeYear(10);\n },\n isNextDecadeDisabled: function isNextDecadeDisabled() {\n if (!this.disabledDates || !this.disabledDates.from) {\n return false;\n }\n\n var disabledYear = this.utils.getFullYear(this.disabledDates.from);\n var firstYearInNextPage = Math.ceil(this.utils.getFullYear(this.pageDate) / 10) * 10;\n return disabledYear < firstYearInNextPage;\n },\n\n /**\n * Whether the selected date is in this year\n * @param {Date}\n * @return {Boolean}\n */\n isSelectedYear: function isSelectedYear(date) {\n return this.selectedDate && this.utils.getFullYear(this.selectedDate) === this.utils.getFullYear(date);\n },\n\n /**\n * Whether a year is disabled\n * @param {Date}\n * @return {Boolean}\n */\n isDisabledYear: function isDisabledYear(date) {\n var disabledDates = false;\n\n if (typeof this.disabledDates === 'undefined' || !this.disabledDates) {\n return false;\n }\n\n if (typeof this.disabledDates.to !== 'undefined' && this.disabledDates.to) {\n if (this.utils.getFullYear(date) < this.utils.getFullYear(this.disabledDates.to)) {\n disabledDates = true;\n }\n }\n\n if (typeof this.disabledDates.from !== 'undefined' && this.disabledDates.from) {\n if (this.utils.getFullYear(date) > this.utils.getFullYear(this.disabledDates.from)) {\n disabledDates = true;\n }\n }\n\n if (typeof this.disabledDates.customPredictor === 'function' && this.disabledDates.customPredictor(date)) {\n disabledDates = true;\n }\n\n return disabledDates;\n }\n } // eslint-disable-next-line\n\n};\n\n/* script */\nconst __vue_script__$3 = script$3;\n\n/* template */\nvar __vue_render__$3 = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showYearView,\n expression: \"showYearView\"\n }\n ],\n class: [_vm.calendarClass, \"vdp-datepicker__calendar\"],\n style: _vm.calendarStyle,\n on: {\n mousedown: function($event) {\n $event.preventDefault();\n }\n }\n },\n [\n _vm._t(\"beforeCalendarHeader\"),\n _vm._v(\" \"),\n _c(\"header\", [\n _c(\n \"span\",\n {\n staticClass: \"prev\",\n class: { disabled: _vm.isLeftNavDisabled },\n on: {\n click: function($event) {\n _vm.isRtl ? _vm.nextDecade() : _vm.previousDecade();\n }\n }\n },\n [_vm._v(\"<\")]\n ),\n _vm._v(\" \"),\n _c(\"span\", [_vm._v(_vm._s(_vm.getPageDecade))]),\n _vm._v(\" \"),\n _c(\n \"span\",\n {\n staticClass: \"next\",\n class: { disabled: _vm.isRightNavDisabled },\n on: {\n click: function($event) {\n _vm.isRtl ? _vm.previousDecade() : _vm.nextDecade();\n }\n }\n },\n [_vm._v(\">\")]\n )\n ]),\n _vm._v(\" \"),\n _vm._l(_vm.years, function(year) {\n return _c(\n \"span\",\n {\n key: year.timestamp,\n staticClass: \"cell year\",\n class: { selected: year.isSelected, disabled: year.isDisabled },\n on: {\n click: function($event) {\n $event.stopPropagation();\n return _vm.selectYear(year)\n }\n }\n },\n [_vm._v(_vm._s(year.year))]\n )\n })\n ],\n 2\n )\n};\nvar __vue_staticRenderFns__$3 = [];\n__vue_render__$3._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$3 = undefined;\n /* scoped */\n const __vue_scope_id__$3 = undefined;\n /* module identifier */\n const __vue_module_identifier__$3 = undefined;\n /* functional template */\n const __vue_is_functional_template__$3 = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var PickerYear = normalizeComponent_1(\n { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },\n __vue_inject_styles__$3,\n __vue_script__$3,\n __vue_scope_id__$3,\n __vue_is_functional_template__$3,\n __vue_module_identifier__$3,\n undefined,\n undefined\n );\n\n//\nvar script$4 = {\n components: {\n DateInput: DateInput,\n PickerDay: PickerDay,\n PickerMonth: PickerMonth,\n PickerYear: PickerYear\n },\n props: {\n value: {\n validator: function validator(val) {\n return utils$1.validateDateInput(val);\n }\n },\n name: String,\n refName: String,\n id: String,\n format: {\n type: [String, Function],\n \"default\": 'dd MMM yyyy'\n },\n language: {\n type: Object,\n \"default\": function _default() {\n return en;\n }\n },\n openDate: {\n validator: function validator(val) {\n return utils$1.validateDateInput(val);\n }\n },\n dayCellContent: Function,\n fullMonthName: Boolean,\n disabledDates: Object,\n highlighted: Object,\n placeholder: String,\n inline: Boolean,\n calendarClass: [String, Object, Array],\n inputClass: [String, Object, Array],\n wrapperClass: [String, Object, Array],\n mondayFirst: Boolean,\n clearButton: Boolean,\n clearButtonIcon: String,\n calendarButton: Boolean,\n calendarButtonIcon: String,\n calendarButtonIconContent: String,\n bootstrapStyling: Boolean,\n initialView: String,\n disabled: Boolean,\n required: Boolean,\n typeable: Boolean,\n useUtc: Boolean,\n minimumView: {\n type: String,\n \"default\": 'day'\n },\n maximumView: {\n type: String,\n \"default\": 'year'\n }\n },\n data: function data() {\n var startDate = this.openDate ? new Date(this.openDate) : new Date();\n var constructedDateUtils = makeDateUtils(this.useUtc);\n var pageTimestamp = constructedDateUtils.setDate(startDate, 1);\n return {\n /*\n * Vue cannot observe changes to a Date Object so date must be stored as a timestamp\n * This represents the first day of the current viewing month\n * {Number}\n */\n pageTimestamp: pageTimestamp,\n\n /*\n * Selected Date\n * {Date}\n */\n selectedDate: null,\n\n /*\n * Flags to show calendar views\n * {Boolean}\n */\n showDayView: false,\n showMonthView: false,\n showYearView: false,\n\n /*\n * Positioning\n */\n calendarHeight: 0,\n resetTypedDate: new Date(),\n utils: constructedDateUtils\n };\n },\n watch: {\n value: function value(_value) {\n this.setValue(_value);\n },\n openDate: function openDate() {\n this.setPageDate();\n },\n initialView: function initialView() {\n this.setInitialView();\n }\n },\n computed: {\n computedInitialView: function computedInitialView() {\n if (!this.initialView) {\n return this.minimumView;\n }\n\n return this.initialView;\n },\n pageDate: function pageDate() {\n return new Date(this.pageTimestamp);\n },\n translation: function translation() {\n return this.language;\n },\n calendarStyle: function calendarStyle() {\n return {\n position: this.isInline ? 'static' : undefined\n };\n },\n isOpen: function isOpen() {\n return this.showDayView || this.showMonthView || this.showYearView;\n },\n isInline: function isInline() {\n return !!this.inline;\n },\n isRtl: function isRtl() {\n return this.translation.rtl === true;\n }\n },\n methods: {\n /**\n * Called in the event that the user navigates to date pages and\n * closes the picker without selecting a date.\n */\n resetDefaultPageDate: function resetDefaultPageDate() {\n if (this.selectedDate === null) {\n this.setPageDate();\n return;\n }\n\n this.setPageDate(this.selectedDate);\n },\n\n /**\n * Effectively a toggle to show/hide the calendar\n * @return {mixed}\n */\n showCalendar: function showCalendar() {\n if (this.disabled || this.isInline) {\n return false;\n }\n\n if (this.isOpen) {\n return this.close(true);\n }\n\n this.setInitialView();\n },\n\n /**\n * Sets the initial picker page view: day, month or year\n */\n setInitialView: function setInitialView() {\n var initialView = this.computedInitialView;\n\n if (!this.allowedToShowView(initialView)) {\n throw new Error(\"initialView '\".concat(this.initialView, \"' cannot be rendered based on minimum '\").concat(this.minimumView, \"' and maximum '\").concat(this.maximumView, \"'\"));\n }\n\n switch (initialView) {\n case 'year':\n this.showYearCalendar();\n break;\n\n case 'month':\n this.showMonthCalendar();\n break;\n\n default:\n this.showDayCalendar();\n break;\n }\n },\n\n /**\n * Are we allowed to show a specific picker view?\n * @param {String} view\n * @return {Boolean}\n */\n allowedToShowView: function allowedToShowView(view) {\n var views = ['day', 'month', 'year'];\n var minimumViewIndex = views.indexOf(this.minimumView);\n var maximumViewIndex = views.indexOf(this.maximumView);\n var viewIndex = views.indexOf(view);\n return viewIndex >= minimumViewIndex && viewIndex <= maximumViewIndex;\n },\n\n /**\n * Show the day picker\n * @return {Boolean}\n */\n showDayCalendar: function showDayCalendar() {\n if (!this.allowedToShowView('day')) {\n return false;\n }\n\n this.close();\n this.showDayView = true;\n return true;\n },\n\n /**\n * Show the month picker\n * @return {Boolean}\n */\n showMonthCalendar: function showMonthCalendar() {\n if (!this.allowedToShowView('month')) {\n return false;\n }\n\n this.close();\n this.showMonthView = true;\n return true;\n },\n\n /**\n * Show the year picker\n * @return {Boolean}\n */\n showYearCalendar: function showYearCalendar() {\n if (!this.allowedToShowView('year')) {\n return false;\n }\n\n this.close();\n this.showYearView = true;\n return true;\n },\n\n /**\n * Set the selected date\n * @param {Number} timestamp\n */\n setDate: function setDate(timestamp) {\n var date = new Date(timestamp);\n this.selectedDate = date;\n this.setPageDate(date);\n this.$emit('selected', date);\n this.$emit('input', date);\n },\n\n /**\n * Clear the selected date\n */\n clearDate: function clearDate() {\n this.selectedDate = null;\n this.setPageDate();\n this.$emit('selected', null);\n this.$emit('input', null);\n this.$emit('cleared');\n },\n\n /**\n * @param {Object} date\n */\n selectDate: function selectDate(date) {\n this.setDate(date.timestamp);\n\n if (!this.isInline) {\n this.close(true);\n }\n\n this.resetTypedDate = new Date();\n },\n\n /**\n * @param {Object} date\n */\n selectDisabledDate: function selectDisabledDate(date) {\n this.$emit('selectedDisabled', date);\n },\n\n /**\n * @param {Object} month\n */\n selectMonth: function selectMonth(month) {\n var date = new Date(month.timestamp);\n\n if (this.allowedToShowView('day')) {\n this.setPageDate(date);\n this.$emit('changedMonth', month);\n this.showDayCalendar();\n } else {\n this.selectDate(month);\n }\n },\n\n /**\n * @param {Object} year\n */\n selectYear: function selectYear(year) {\n var date = new Date(year.timestamp);\n\n if (this.allowedToShowView('month')) {\n this.setPageDate(date);\n this.$emit('changedYear', year);\n this.showMonthCalendar();\n } else {\n this.selectDate(year);\n }\n },\n\n /**\n * Set the datepicker value\n * @param {Date|String|Number|null} date\n */\n setValue: function setValue(date) {\n if (typeof date === 'string' || typeof date === 'number') {\n var parsed = new Date(date);\n date = isNaN(parsed.valueOf()) ? null : parsed;\n }\n\n if (!date) {\n this.setPageDate();\n this.selectedDate = null;\n return;\n }\n\n this.selectedDate = date;\n this.setPageDate(date);\n },\n\n /**\n * Sets the date that the calendar should open on\n */\n setPageDate: function setPageDate(date) {\n if (!date) {\n if (this.openDate) {\n date = new Date(this.openDate);\n } else {\n date = new Date();\n }\n }\n\n this.pageTimestamp = this.utils.setDate(new Date(date), 1);\n },\n\n /**\n * Handles a month change from the day picker\n */\n handleChangedMonthFromDayPicker: function handleChangedMonthFromDayPicker(date) {\n this.setPageDate(date);\n this.$emit('changedMonth', date);\n },\n\n /**\n * Set the date from a typedDate event\n */\n setTypedDate: function setTypedDate(date) {\n this.setDate(date.getTime());\n },\n\n /**\n * Close all calendar layers\n * @param {Boolean} emitEvent - emit close event\n */\n close: function close(emitEvent) {\n this.showDayView = this.showMonthView = this.showYearView = false;\n\n if (!this.isInline) {\n if (emitEvent) {\n this.$emit('closed');\n }\n\n document.removeEventListener('click', this.clickOutside, false);\n }\n },\n\n /**\n * Initiate the component\n */\n init: function init() {\n if (this.value) {\n this.setValue(this.value);\n }\n\n if (this.isInline) {\n this.setInitialView();\n }\n }\n },\n mounted: function mounted() {\n this.init();\n }\n} // eslint-disable-next-line\n;\n\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\\\b/.test(navigator.userAgent.toLowerCase());\nfunction createInjector(context) {\n return function (id, style) {\n return addStyle(id, style);\n };\n}\nvar HEAD = document.head || document.getElementsByTagName('head')[0];\nvar styles = {};\n\nfunction addStyle(id, css) {\n var group = isOldIE ? css.media || 'default' : id;\n var style = styles[group] || (styles[group] = {\n ids: new Set(),\n styles: []\n });\n\n if (!style.ids.has(id)) {\n style.ids.add(id);\n var code = css.source;\n\n if (css.map) {\n // https://developer.chrome.com/devtools/docs/javascript-debugging\n // this makes source maps inside style tags work properly in Chrome\n code += '\\n/*# sourceURL=' + css.map.sources[0] + ' */'; // http://stackoverflow.com/a/26603875\n\n code += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */';\n }\n\n if (!style.element) {\n style.element = document.createElement('style');\n style.element.type = 'text/css';\n if (css.media) style.element.setAttribute('media', css.media);\n HEAD.appendChild(style.element);\n }\n\n if ('styleSheet' in style.element) {\n style.styles.push(code);\n style.element.styleSheet.cssText = style.styles.filter(Boolean).join('\\n');\n } else {\n var index = style.ids.size - 1;\n var textNode = document.createTextNode(code);\n var nodes = style.element.childNodes;\n if (nodes[index]) style.element.removeChild(nodes[index]);\n if (nodes.length) style.element.insertBefore(textNode, nodes[index]);else style.element.appendChild(textNode);\n }\n }\n}\n\nvar browser = createInjector;\n\n/* script */\nconst __vue_script__$4 = script$4;\n\n/* template */\nvar __vue_render__$4 = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"div\",\n {\n staticClass: \"vdp-datepicker\",\n class: [_vm.wrapperClass, _vm.isRtl ? \"rtl\" : \"\"]\n },\n [\n _c(\n \"date-input\",\n {\n attrs: {\n selectedDate: _vm.selectedDate,\n resetTypedDate: _vm.resetTypedDate,\n format: _vm.format,\n translation: _vm.translation,\n inline: _vm.inline,\n id: _vm.id,\n name: _vm.name,\n refName: _vm.refName,\n openDate: _vm.openDate,\n placeholder: _vm.placeholder,\n inputClass: _vm.inputClass,\n typeable: _vm.typeable,\n clearButton: _vm.clearButton,\n clearButtonIcon: _vm.clearButtonIcon,\n calendarButton: _vm.calendarButton,\n calendarButtonIcon: _vm.calendarButtonIcon,\n calendarButtonIconContent: _vm.calendarButtonIconContent,\n disabled: _vm.disabled,\n required: _vm.required,\n bootstrapStyling: _vm.bootstrapStyling,\n \"use-utc\": _vm.useUtc\n },\n on: {\n showCalendar: _vm.showCalendar,\n closeCalendar: _vm.close,\n typedDate: _vm.setTypedDate,\n clearDate: _vm.clearDate\n }\n },\n [_vm._t(\"afterDateInput\", null, { slot: \"afterDateInput\" })],\n 2\n ),\n _vm._v(\" \"),\n _vm.allowedToShowView(\"day\")\n ? _c(\n \"picker-day\",\n {\n attrs: {\n pageDate: _vm.pageDate,\n selectedDate: _vm.selectedDate,\n showDayView: _vm.showDayView,\n fullMonthName: _vm.fullMonthName,\n allowedToShowView: _vm.allowedToShowView,\n disabledDates: _vm.disabledDates,\n highlighted: _vm.highlighted,\n calendarClass: _vm.calendarClass,\n calendarStyle: _vm.calendarStyle,\n translation: _vm.translation,\n pageTimestamp: _vm.pageTimestamp,\n isRtl: _vm.isRtl,\n mondayFirst: _vm.mondayFirst,\n dayCellContent: _vm.dayCellContent,\n \"use-utc\": _vm.useUtc\n },\n on: {\n changedMonth: _vm.handleChangedMonthFromDayPicker,\n selectDate: _vm.selectDate,\n showMonthCalendar: _vm.showMonthCalendar,\n selectedDisabled: _vm.selectDisabledDate\n }\n },\n [\n _vm._t(\"beforeCalendarHeader\", null, {\n slot: \"beforeCalendarHeader\"\n })\n ],\n 2\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm.allowedToShowView(\"month\")\n ? _c(\n \"picker-month\",\n {\n attrs: {\n pageDate: _vm.pageDate,\n selectedDate: _vm.selectedDate,\n showMonthView: _vm.showMonthView,\n allowedToShowView: _vm.allowedToShowView,\n disabledDates: _vm.disabledDates,\n calendarClass: _vm.calendarClass,\n calendarStyle: _vm.calendarStyle,\n translation: _vm.translation,\n isRtl: _vm.isRtl,\n \"use-utc\": _vm.useUtc\n },\n on: {\n selectMonth: _vm.selectMonth,\n showYearCalendar: _vm.showYearCalendar,\n changedYear: _vm.setPageDate\n }\n },\n [\n _vm._t(\"beforeCalendarHeader\", null, {\n slot: \"beforeCalendarHeader\"\n })\n ],\n 2\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm.allowedToShowView(\"year\")\n ? _c(\n \"picker-year\",\n {\n attrs: {\n pageDate: _vm.pageDate,\n selectedDate: _vm.selectedDate,\n showYearView: _vm.showYearView,\n allowedToShowView: _vm.allowedToShowView,\n disabledDates: _vm.disabledDates,\n calendarClass: _vm.calendarClass,\n calendarStyle: _vm.calendarStyle,\n translation: _vm.translation,\n isRtl: _vm.isRtl,\n \"use-utc\": _vm.useUtc\n },\n on: { selectYear: _vm.selectYear, changedDecade: _vm.setPageDate }\n },\n [\n _vm._t(\"beforeCalendarHeader\", null, {\n slot: \"beforeCalendarHeader\"\n })\n ],\n 2\n )\n : _vm._e()\n ],\n 1\n )\n};\nvar __vue_staticRenderFns__$4 = [];\n__vue_render__$4._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$4 = function (inject) {\n if (!inject) return\n inject(\"data-v-64ca2bb5_0\", { source: \".rtl {\\n direction: rtl;\\n}\\n.vdp-datepicker {\\n position: relative;\\n text-align: left;\\n}\\n.vdp-datepicker * {\\n box-sizing: border-box;\\n}\\n.vdp-datepicker__calendar {\\n position: absolute;\\n z-index: 100;\\n background: #fff;\\n width: 300px;\\n border: 1px solid #ccc;\\n}\\n.vdp-datepicker__calendar header {\\n display: block;\\n line-height: 40px;\\n}\\n.vdp-datepicker__calendar header span {\\n display: inline-block;\\n text-align: center;\\n width: 71.42857142857143%;\\n float: left;\\n}\\n.vdp-datepicker__calendar header .prev,\\n.vdp-datepicker__calendar header .next {\\n width: 14.285714285714286%;\\n float: left;\\n text-indent: -10000px;\\n position: relative;\\n}\\n.vdp-datepicker__calendar header .prev:after,\\n.vdp-datepicker__calendar header .next:after {\\n content: '';\\n position: absolute;\\n left: 50%;\\n top: 50%;\\n transform: translateX(-50%) translateY(-50%);\\n border: 6px solid transparent;\\n}\\n.vdp-datepicker__calendar header .prev:after {\\n border-right: 10px solid #000;\\n margin-left: -5px;\\n}\\n.vdp-datepicker__calendar header .prev.disabled:after {\\n border-right: 10px solid #ddd;\\n}\\n.vdp-datepicker__calendar header .next:after {\\n border-left: 10px solid #000;\\n margin-left: 5px;\\n}\\n.vdp-datepicker__calendar header .next.disabled:after {\\n border-left: 10px solid #ddd;\\n}\\n.vdp-datepicker__calendar header .prev:not(.disabled),\\n.vdp-datepicker__calendar header .next:not(.disabled),\\n.vdp-datepicker__calendar header .up:not(.disabled) {\\n cursor: pointer;\\n}\\n.vdp-datepicker__calendar header .prev:not(.disabled):hover,\\n.vdp-datepicker__calendar header .next:not(.disabled):hover,\\n.vdp-datepicker__calendar header .up:not(.disabled):hover {\\n background: #eee;\\n}\\n.vdp-datepicker__calendar .disabled {\\n color: #ddd;\\n cursor: default;\\n}\\n.vdp-datepicker__calendar .flex-rtl {\\n display: flex;\\n width: inherit;\\n flex-wrap: wrap;\\n}\\n.vdp-datepicker__calendar .cell {\\n display: inline-block;\\n padding: 0 5px;\\n width: 14.285714285714286%;\\n height: 40px;\\n line-height: 40px;\\n text-align: center;\\n vertical-align: middle;\\n border: 1px solid transparent;\\n}\\n.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day,\\n.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month,\\n.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year {\\n cursor: pointer;\\n}\\n.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,\\n.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,\\n.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {\\n border: 1px solid #4bd;\\n}\\n.vdp-datepicker__calendar .cell.selected {\\n background: #4bd;\\n}\\n.vdp-datepicker__calendar .cell.selected:hover {\\n background: #4bd;\\n}\\n.vdp-datepicker__calendar .cell.selected.highlighted {\\n background: #4bd;\\n}\\n.vdp-datepicker__calendar .cell.highlighted {\\n background: #cae5ed;\\n}\\n.vdp-datepicker__calendar .cell.highlighted.disabled {\\n color: #a3a3a3;\\n}\\n.vdp-datepicker__calendar .cell.grey {\\n color: #888;\\n}\\n.vdp-datepicker__calendar .cell.grey:hover {\\n background: inherit;\\n}\\n.vdp-datepicker__calendar .cell.day-header {\\n font-size: 75%;\\n white-space: nowrap;\\n cursor: inherit;\\n}\\n.vdp-datepicker__calendar .cell.day-header:hover {\\n background: inherit;\\n}\\n.vdp-datepicker__calendar .month,\\n.vdp-datepicker__calendar .year {\\n width: 33.333%;\\n}\\n.vdp-datepicker__clear-button,\\n.vdp-datepicker__calendar-button {\\n cursor: pointer;\\n font-style: normal;\\n}\\n.vdp-datepicker__clear-button.disabled,\\n.vdp-datepicker__calendar-button.disabled {\\n color: #999;\\n cursor: default;\\n}\\n\", map: {\"version\":3,\"sources\":[\"Datepicker.vue\"],\"names\":[],\"mappings\":\"AAAA;EACE,cAAc;AAChB;AACA;EACE,kBAAkB;EAClB,gBAAgB;AAClB;AACA;EACE,sBAAsB;AACxB;AACA;EACE,kBAAkB;EAClB,YAAY;EACZ,gBAAgB;EAChB,YAAY;EACZ,sBAAsB;AACxB;AACA;EACE,cAAc;EACd,iBAAiB;AACnB;AACA;EACE,qBAAqB;EACrB,kBAAkB;EAClB,yBAAyB;EACzB,WAAW;AACb;AACA;;EAEE,0BAA0B;EAC1B,WAAW;EACX,qBAAqB;EACrB,kBAAkB;AACpB;AACA;;EAEE,WAAW;EACX,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,4CAA4C;EAC5C,6BAA6B;AAC/B;AACA;EACE,6BAA6B;EAC7B,iBAAiB;AACnB;AACA;EACE,6BAA6B;AAC/B;AACA;EACE,4BAA4B;EAC5B,gBAAgB;AAClB;AACA;EACE,4BAA4B;AAC9B;AACA;;;EAGE,eAAe;AACjB;AACA;;;EAGE,gBAAgB;AAClB;AACA;EACE,WAAW;EACX,eAAe;AACjB;AACA;EACE,aAAa;EACb,cAAc;EACd,eAAe;AACjB;AACA;EACE,qBAAqB;EACrB,cAAc;EACd,0BAA0B;EAC1B,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;EAClB,sBAAsB;EACtB,6BAA6B;AAC/B;AACA;;;EAGE,eAAe;AACjB;AACA;;;EAGE,sBAAsB;AACxB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,cAAc;AAChB;AACA;EACE,WAAW;AACb;AACA;EACE,mBAAmB;AACrB;AACA;EACE,cAAc;EACd,mBAAmB;EACnB,eAAe;AACjB;AACA;EACE,mBAAmB;AACrB;AACA;;EAEE,cAAc;AAChB;AACA;;EAEE,eAAe;EACf,kBAAkB;AACpB;AACA;;EAEE,WAAW;EACX,eAAe;AACjB\",\"file\":\"Datepicker.vue\",\"sourcesContent\":[\".rtl {\\n direction: rtl;\\n}\\n.vdp-datepicker {\\n position: relative;\\n text-align: left;\\n}\\n.vdp-datepicker * {\\n box-sizing: border-box;\\n}\\n.vdp-datepicker__calendar {\\n position: absolute;\\n z-index: 100;\\n background: #fff;\\n width: 300px;\\n border: 1px solid #ccc;\\n}\\n.vdp-datepicker__calendar header {\\n display: block;\\n line-height: 40px;\\n}\\n.vdp-datepicker__calendar header span {\\n display: inline-block;\\n text-align: center;\\n width: 71.42857142857143%;\\n float: left;\\n}\\n.vdp-datepicker__calendar header .prev,\\n.vdp-datepicker__calendar header .next {\\n width: 14.285714285714286%;\\n float: left;\\n text-indent: -10000px;\\n position: relative;\\n}\\n.vdp-datepicker__calendar header .prev:after,\\n.vdp-datepicker__calendar header .next:after {\\n content: '';\\n position: absolute;\\n left: 50%;\\n top: 50%;\\n transform: translateX(-50%) translateY(-50%);\\n border: 6px solid transparent;\\n}\\n.vdp-datepicker__calendar header .prev:after {\\n border-right: 10px solid #000;\\n margin-left: -5px;\\n}\\n.vdp-datepicker__calendar header .prev.disabled:after {\\n border-right: 10px solid #ddd;\\n}\\n.vdp-datepicker__calendar header .next:after {\\n border-left: 10px solid #000;\\n margin-left: 5px;\\n}\\n.vdp-datepicker__calendar header .next.disabled:after {\\n border-left: 10px solid #ddd;\\n}\\n.vdp-datepicker__calendar header .prev:not(.disabled),\\n.vdp-datepicker__calendar header .next:not(.disabled),\\n.vdp-datepicker__calendar header .up:not(.disabled) {\\n cursor: pointer;\\n}\\n.vdp-datepicker__calendar header .prev:not(.disabled):hover,\\n.vdp-datepicker__calendar header .next:not(.disabled):hover,\\n.vdp-datepicker__calendar header .up:not(.disabled):hover {\\n background: #eee;\\n}\\n.vdp-datepicker__calendar .disabled {\\n color: #ddd;\\n cursor: default;\\n}\\n.vdp-datepicker__calendar .flex-rtl {\\n display: flex;\\n width: inherit;\\n flex-wrap: wrap;\\n}\\n.vdp-datepicker__calendar .cell {\\n display: inline-block;\\n padding: 0 5px;\\n width: 14.285714285714286%;\\n height: 40px;\\n line-height: 40px;\\n text-align: center;\\n vertical-align: middle;\\n border: 1px solid transparent;\\n}\\n.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day,\\n.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month,\\n.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year {\\n cursor: pointer;\\n}\\n.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,\\n.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,\\n.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {\\n border: 1px solid #4bd;\\n}\\n.vdp-datepicker__calendar .cell.selected {\\n background: #4bd;\\n}\\n.vdp-datepicker__calendar .cell.selected:hover {\\n background: #4bd;\\n}\\n.vdp-datepicker__calendar .cell.selected.highlighted {\\n background: #4bd;\\n}\\n.vdp-datepicker__calendar .cell.highlighted {\\n background: #cae5ed;\\n}\\n.vdp-datepicker__calendar .cell.highlighted.disabled {\\n color: #a3a3a3;\\n}\\n.vdp-datepicker__calendar .cell.grey {\\n color: #888;\\n}\\n.vdp-datepicker__calendar .cell.grey:hover {\\n background: inherit;\\n}\\n.vdp-datepicker__calendar .cell.day-header {\\n font-size: 75%;\\n white-space: nowrap;\\n cursor: inherit;\\n}\\n.vdp-datepicker__calendar .cell.day-header:hover {\\n background: inherit;\\n}\\n.vdp-datepicker__calendar .month,\\n.vdp-datepicker__calendar .year {\\n width: 33.333%;\\n}\\n.vdp-datepicker__clear-button,\\n.vdp-datepicker__calendar-button {\\n cursor: pointer;\\n font-style: normal;\\n}\\n.vdp-datepicker__clear-button.disabled,\\n.vdp-datepicker__calendar-button.disabled {\\n color: #999;\\n cursor: default;\\n}\\n\"]}, media: undefined });\n\n };\n /* scoped */\n const __vue_scope_id__$4 = undefined;\n /* module identifier */\n const __vue_module_identifier__$4 = undefined;\n /* functional template */\n const __vue_is_functional_template__$4 = false;\n /* style inject SSR */\n \n\n \n var Datepicker = normalizeComponent_1(\n { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },\n __vue_inject_styles__$4,\n __vue_script__$4,\n __vue_scope_id__$4,\n __vue_is_functional_template__$4,\n __vue_module_identifier__$4,\n browser,\n undefined\n );\n\nexport default Datepicker;\n"],"sourceRoot":""}\n
\n \n
\n Travel Reimbursement Policy\n Travel Expense Report
\n \n- \n
-
Trip Profile \n - \n \n 0\">$\n -\n\n
0\" format='' :value=\"summaryCosts.airfareReimbursementAmount\"> \nAir \n \n - \n \n 0\">$\n -\n
0\" format='' :value=\"summaryCosts.lodgingReimbursementAmount\"> \nLodging \n \n - \n \n 0\">$\n -\n
0\" format='' :value=\"summaryCosts.mealReimbursementAmount\"> \nMeals \n \n - \n \n 0\">$\n -\n
0\" format='' :value=\"summaryCosts.carRentalReimbursementAmount\"> \nRental Car \n \n - \n \n 0\">$\n -\n
0\" format='' :value=\"summaryCosts.otherCombinedCostReimbursementAmount\"> \nOther \n \n - \n \n 0\">$\n -\n
0\" format='' :value=\"summaryCosts.totalReimbursementAmount\"> \nReview / Submit \n \n