{"version":3,"sources":["webpack:///./src/components/locations/cards/AboutCard.vue?5c8a","webpack:///./src/components/locations/cards/AboutCard.vue","webpack:///src/components/locations/cards/AboutCard.vue","webpack:///./src/components/locations/cards/AboutCard.vue?c24f","webpack:///./src/components/locations/cards/AboutCard.vue?1d0d","webpack:///./node_modules/core-js/modules/_strict-method.js","webpack:///./src/views/Appointments.vue","webpack:///src/views/Appointments.vue","webpack:///./src/views/Appointments.vue?b49d","webpack:///./src/views/Appointments.vue?badd","webpack:///./node_modules/core-js/modules/es6.array.sort.js","webpack:///./src/views/Appointments.vue?3148","webpack:///./src/components/Avatar.vue","webpack:///src/components/Avatar.vue","webpack:///./src/components/Avatar.vue?5acd","webpack:///./src/components/Avatar.vue?08c4","webpack:///./src/assets/images/map-pointer.svg"],"names":["render","_vm","this","_c","_self","staticClass","slot","fileObject","location","idLogo","attrs","concat","staticStyle","directives","name","rawName","value","inApp","expression","_v","_s","nameOnline","address","street","city","emailOnline","email","phoneOnline","phone","webOnline","web","$t","_l","openingHours","time","key","idOpenHour","code","momentifyOpen","startDatetime","endDatetime","_e","geocache","map","require","on","openMap","staticRenderFns","components","Avatar","computed","_objectSpread","mapState","state","userData","AppActiveFiles","methods","getOHData","day","_this","date","getLocale","formatTime","_this$location$geocac","latitude","longitude","window","open","props","Object","required","type","Boolean","created","mounted","component","fails","module","exports","method","arg","call","clickNotClose","model","isSidebarActive","callback","$$v","orderedAppointmentsDESC","appointment","index","idAppointment","ref","refInFor","$event","onClickAppointment","style","color","loc","serviceCaption","formatDateTime","Date","startDate","orderedAppointmentsASC","class","stopPropagation","toggleTodoSidebar","chosenAppointment","staffName","formatDate","endDate","data","chosenLi","undefined","hover","displayPrompt","todoIdToEdit","windowWidth","innerWidth","allAppointments","filter","a","sort","b","getAllAppointments","setTimeout","$refs","click","getServiceTime","timeStart","timeEnd","format","moment","ap","classList","remove","add","handleWindowResize","event","currentTarget","setSidebarWidth","arguments","length","AboutCard","updated","_this2","locations","filteredLocations","e","i","indexOf","$store","dispatch","$nextTick","addEventListener","beforeDestroy","removeEventListener","$export","aFunction","toObject","$sort","test","P","F","comparefn","newUrl","size","String","src","img","Image","onload","iw","width","ih","height","_this$calculateAspect","calculateAspectRatioFit","parseInt","canvas","document","createElement","ctx","getContext","drawImage","toDataURL"],"mappings":"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","file":"js/chunk-28b4f761.9a640338.js","sourcesContent":["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!./AboutCard.vue?vue&type=style&index=0&id=89eac048&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"vx-col w-full mb-base\"},[_c('vx-card',[_c('template',{slot:\"no-body\"},[_c('div',{staticClass:\"vx-row px-4 py-2 flex flex-wrap\"},[_c('div',{staticClass:\"vx-col clinic-detail-info ml-2 sm:ml-0 w-full lg:w-1/3 flex flex-col sm:flex-row md:flex-row sm:items-start lg:items-center lg:flex-row\"},[_c('div',{staticClass:\"ml-6 md:mr-6\"},[(_vm.fileObject[_vm.location.idLogo])?_c('vs-avatar',{staticClass:\"about-avatar-img\",attrs:{\"src\":`data:image/png;base64, ${_vm.fileObject[_vm.location.idLogo]}`}}):_c('vs-avatar',{staticClass:\"vs-avatart-location-big\",attrs:{\"size\":\"50px\"}})],1),_c('div',{staticClass:\"flex flex-col justify-between ml-6\",staticStyle:{\"word-break\":\"break-word\"}},[_c('h4',{directives:[{name:\"show\",rawName:\"v-show\",value:(!this.inApp),expression:\"!this.inApp\"}],staticClass:\"text-primary\"},[_vm._v(_vm._s(this.location.nameOnline || this.location.name))]),_c('h4',{directives:[{name:\"show\",rawName:\"v-show\",value:(this.inApp),expression:\"this.inApp\"}],staticClass:\"text-primary\"},[_vm._v(_vm._s(this.location.nameOnline || this.location.name))]),_c('div',{staticClass:\"flex flex-col mt-2\"},[_c('small',[_c('vs-icon',{attrs:{\"color\":\"primary\",\"size\":\"small\",\"icon\":\"map\"}}),_vm._v(\"\\n                \"+_vm._s(this.location.address.street)+_vm._s(this.location.address.street && this.location.address.city ? ', ' : '')+_vm._s(this.location.address.city)+\"\\n              \")],1),_c('small',[_c('vs-icon',{attrs:{\"color\":\"primary\",\"size\":\"small\",\"icon\":\"email\"}}),_c('a',{attrs:{\"href\":'mailto:' + (this.location.emailOnline || this.location.email)}},[_vm._v(\"\\n                  \"+_vm._s(this.location.emailOnline || this.location.email)+\"\\n                \")])],1),_c('small',[_c('vs-icon',{attrs:{\"color\":\"primary\",\"size\":\"small\",\"icon\":\"local_phone\"}}),_c('a',{attrs:{\"href\":`tel: ${this.location.phoneOnline || this.location.phone}`}},[_vm._v(_vm._s(this.location.phoneOnline || this.location.phone))])],1),_c('small',[_c('vs-icon',{attrs:{\"color\":\"primary\",\"size\":\"small\",\"icon\":\"language\"}}),_c('a',{attrs:{\"href\":this.location.webOnline || this.location.web}},[_vm._v(_vm._s(this.location.webOnline || this.location.web))])],1)])])]),_c('div',{staticClass:\"flex flex-col clinic-detail-openhours w-full sm:w-1/2 lg:w-1/3 py-2 ml-5 my-5 sm:ml-0 sm:my-0 lg:ml-0 lg:my-0\",staticStyle:{\"justify-content\":\"center\"}},[_c('span',{staticClass:\"font-semibold\"},[_c('vs-icon',{attrs:{\"color\":\"primary\",\"size\":\"small\",\"icon\":\"timer\"}}),_vm._v(\"\\n            \"+_vm._s(_vm.$t('locations.openingTime'))+\"\\n          \")],1),(this.location)?_c('div',_vm._l((this.location.openingHours),function(time){return _c('div',{key:time.openingHours.idOpenHour,staticClass:\"flex\"},[_c('small',{staticClass:\"flex-1\"},[_vm._v(_vm._s(_vm.$t(time.code)))]),_c('small',{staticClass:\"ml-4 text-primary flex-1\"},[_vm._v(_vm._s(_vm.momentifyOpen(time.openingHours.startDatetime))+\" - \"+_vm._s(_vm.momentifyOpen(time.openingHours.endDatetime)))])])}),0):_vm._e()]),_c('div',{staticClass:\"flex w-full sm:w-1/2 lg:w-1/4 p-3 lg:p-0\",staticStyle:{\"justify-content\":\"center\"}},[(_vm.location.geocache && _vm.location.geocache.map)?_c('div',{staticClass:\"map-sub-wrapper w-full flex items-center\",staticStyle:{\"max-width\":\"100%\",\"max-height\":\"100%\",\"overflow\":\"hidden\",\"width\":\"500px\",\"height\":\"250px\",\"justify-content\":\"center\",\"position\":\"relative\"}},[_c('img',{staticStyle:{\"position\":\"absolute\",\"z-index\":\"2\",\"top\":\"calc(50% - 18px)\",\"cursor\":\"pointer\"},attrs:{\"src\":require('@/assets/images/map-pointer.svg'),\"alt\":\"pointer\"},on:{\"click\":_vm.openMap}}),_c('img',{staticStyle:{\"transform\":\"scale(3)\",\"height\":\"250px\",\"cursor\":\"pointer\"},attrs:{\"src\":`data:image/jpeg;base64, ${_vm.location.geocache.map}`,\"alt\":\"\"},on:{\"click\":_vm.openMap}})]):_vm._e()])])])],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"," <template>\r\n  <div class=\"vx-col w-full mb-base\">\r\n    <vx-card>\r\n      <template slot=\"no-body\">\r\n        <div class=\"vx-row px-4 py-2 flex flex-wrap\">\r\n          <div class=\"vx-col clinic-detail-info ml-2 sm:ml-0 w-full lg:w-1/3 flex flex-col sm:flex-row md:flex-row sm:items-start lg:items-center lg:flex-row \">\r\n            <div class=\"ml-6 md:mr-6\">\r\n              <vs-avatar\r\n                v-if=\"fileObject[location.idLogo]\"\r\n                class=\"about-avatar-img\"\r\n                :src=\"`data:image/png;base64, ${fileObject[location.idLogo]}`\"\r\n              />\r\n              <vs-avatar class=\"vs-avatart-location-big\" v-else size=\"50px\" />\r\n            </div>\r\n            <div class=\"flex flex-col justify-between ml-6\" style=\"word-break:break-word\">\r\n              <h4\r\n                v-show=\"!this.inApp\"\r\n                class=\"text-primary\"\r\n              >{{this.location.nameOnline || this.location.name}}</h4>\r\n              <h4\r\n                v-show=\"this.inApp\"\r\n                class=\"text-primary\"\r\n              >{{this.location.nameOnline || this.location.name}}</h4>\r\n\r\n              <div class=\"flex flex-col mt-2\">\r\n                <small>\r\n                  <vs-icon color=\"primary\" size=\"small\" icon=\"map\"></vs-icon>\r\n                  {{this.location.address.street}}{{this.location.address.street && this.location.address.city ? ', ' : ''}}{{this.location.address.city}}\r\n                </small>\r\n                <small>\r\n                  <vs-icon color=\"primary\" size=\"small\" icon=\"email\"></vs-icon>\r\n                  <a :href=\"'mailto:' + (this.location.emailOnline || this.location.email)\">\r\n                    {{this.location.emailOnline || this.location.email}}\r\n                  </a>\r\n                </small>\r\n                <small>\r\n                  <vs-icon color=\"primary\" size=\"small\" icon=\"local_phone\"></vs-icon>\r\n                  <a\r\n                    :href=\"`tel: ${this.location.phoneOnline || this.location.phone}`\"\r\n                  >{{ this.location.phoneOnline || this.location.phone}}</a>\r\n                </small>\r\n                <small>\r\n                  <vs-icon color=\"primary\" size=\"small\" icon=\"language\"></vs-icon>\r\n                  <a\r\n                    :href=\"this.location.webOnline || this.location.web\"\r\n                  >{{this.location.webOnline || this.location.web}}</a>\r\n                </small>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"flex flex-col clinic-detail-openhours w-full sm:w-1/2 lg:w-1/3 py-2 ml-5 my-5 sm:ml-0 sm:my-0 lg:ml-0 lg:my-0\" style=\"justify-content: center;\">\r\n            <span class=\"font-semibold\">\r\n              <vs-icon color=\"primary\" size=\"small\" icon=\"timer\"></vs-icon>\r\n              {{$t('locations.openingTime')}}\r\n            </span>\r\n            <div v-if=\"this.location\">\r\n              <div\r\n                class=\"flex\"\r\n                v-for=\"time in this.location.openingHours\"\r\n                :key=\"time.openingHours.idOpenHour\"\r\n              >\r\n                <small class=\"flex-1\">{{$t(time.code)}}</small>\r\n                <small\r\n                  class=\"ml-4 text-primary flex-1\"\r\n                >{{momentifyOpen(time.openingHours.startDatetime)}} - {{momentifyOpen(time.openingHours.endDatetime)}}</small>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"flex w-full sm:w-1/2 lg:w-1/4 p-3 lg:p-0\" style=\"justify-content: center;\">\r\n            <div v-if=\"location.geocache && location.geocache.map\" class=\"map-sub-wrapper w-full flex items-center\" style=\"max-width: 100%; max-height: 100%;  overflow:hidden; width: 500px; height: 250px; justify-content: center; position:relative;\">\r\n              <img :src=\"require('@/assets/images/map-pointer.svg')\" @click=\"openMap\" alt=\"pointer\" style=\"position: absolute; z-index: 2; top: calc(50% - 18px); cursor: pointer;\">\r\n              <img @click=\"openMap\" :src=\"`data:image/jpeg;base64, ${location.geocache.map}`\" style=\"transform: scale(3);height: 250px; cursor: pointer;\" alt=\"\">\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n    </vx-card>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapState } from \"vuex\";\r\n\r\nimport Avatar from \"../../Avatar.vue\";\r\nexport default {\r\n  name: \"about-card\",\r\n  components: {\r\n    Avatar\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      fileObject: state => state.userData.AppActiveFiles\r\n    })\r\n  },\r\n  methods: {\r\n    getOHData: day => this.$t(day),\r\n    momentifyOpen: function(date) {\r\n      return this.getLocale().formatTime(date);\r\n    },\r\n    openMap() {\r\n      if (!this.location.geocache) return;\r\n      const {latitude, longitude} = this.location.geocache;\r\n      window.open(`https://maps.google.com/?q=${latitude},${longitude}`, \"_blank\");\r\n    }\r\n  },\r\n  props: {\r\n    location: Object,\r\n    inApp: {\r\n      required: false,\r\n      type: Boolean\r\n    }\r\n  },\r\n  created() {},\r\n  mounted() {}\r\n};\r\n</script>\r\n\r\n<style>\r\n    .clinic-detail-openhours {\r\n      padding-left: 5%;\r\n      padding-right: 5%;\r\n    }\r\n  @media only screen and (min-width: 1200px) and (max-width: 1320px) {\r\n    .clinic-detail-info {\r\n      width: 40% !important;\r\n    }\r\n  }\r\n  @media only screen and (min-width: 992px) and (max-width: 1080px) {\r\n    .clinic-detail-info {\r\n      width: 40% !important;\r\n    }\r\n  }\r\n  @media only screen and (min-width: 576px) and (max-width: 992px){\r\n    .clinic-detail-info {\r\n      justify-content: center !important;\r\n    }\r\n  }\r\n    @media only screen and (max-width: 576px){\r\n    .clinic-detail-info {\r\n      justify-content: center !important;\r\n    }\r\n    .clinic-detail-openhours {\r\n      margin-left: 2.0rem !important;\r\n      padding-left: 1rem  !important;\r\n    }\r\n  }\r\n</style>","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!./AboutCard.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!./AboutCard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AboutCard.vue?vue&type=template&id=89eac048\"\nimport script from \"./AboutCard.vue?vue&type=script&lang=js\"\nexport * from \"./AboutCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./AboutCard.vue?vue&type=style&index=0&id=89eac048&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar fails = require('./_fails');\n\nmodule.exports = function (method, arg) {\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call\n    arg ? method.call(null, function () { /* empty */ }, 1) : method.call(null);\n  });\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"border border-solid d-theme-border-grey-light rounded relative overflow-hidden\",attrs:{\"id\":\"todo-app\"}},[_c('vs-sidebar',{staticClass:\"items-no-padding appointments-sidebar\",attrs:{\"parent\":\"#todo-app\",\"click-not-close\":_vm.clickNotClose,\"hidden-background\":_vm.clickNotClose},model:{value:(_vm.isSidebarActive),callback:function ($$v) {_vm.isSidebarActive=$$v},expression:\"isSidebarActive\"}},[_c('vs-tabs',{attrs:{\"alignment\":\"fixed\"}},[_c('vs-tab',{attrs:{\"label\":_vm.$t('appointments.actual')}},[_c('div',{staticClass:\"scroll-y\",staticStyle:{\"height\":\"calc(100vh - 15rem)\"}},[_c('ul',{staticClass:\"activity-timeline2\",staticStyle:{\"margin-top\":\"10px\",\"margin-left\":\"5px\"}},_vm._l((_vm.orderedAppointmentsDESC),function(appointment,index){return _c('div',{key:appointment.idAppointment,ref:appointment.idAppointment,refInFor:true,staticClass:\"appointment\",on:{\"click\":function($event){return _vm.onClickAppointment(appointment)}}},[(index===0)?_c('div',{staticStyle:{\"padding-top\":\"5px\"}},[_c('div',{staticStyle:{\"margin-left\":\"2rem\",\"padding-left\":\"40px\",\"border-left\":\"1px solid black\",\"padding-bottom\":\"10px\"}},[_c('li',[_c('div',{staticClass:\"timeline-icon\",style:(`background-color:${appointment.color}`)},[_c('feather-icon',{attrs:{\"icon\":\"CalendarIcon\",\"svgClasses\":\"text-white stroke-current w-5 h-5\"}})],1),_c('div',{staticClass:\"timeline-info flex flex-col\"},[_c('span',{staticClass:\"font-bold text-primary\"},[_c('vs-icon',{attrs:{\"size\":\"small\",\"icon\":\"location_city\"}}),_vm._v(\"\\n                        \"+_vm._s(appointment.loc && (appointment.loc.nameOnline || appointment.loc.name))+\"\\n                      \")],1),_c('p',{staticClass:\"activity-desc font-semibold\"},[_vm._v(_vm._s(appointment.serviceCaption))])]),_c('small',{staticClass:\"text-grey font-bold activity-e-time\"},[_vm._v(_vm._s(_vm.getLocale().formatDateTime(new Date(appointment.startDate))))])])])]):_c('div',[_c('div',{staticStyle:{\"margin-left\":\"2rem\",\"padding-left\":\"40px\",\"border-left\":\"1px solid black\",\"padding-bottom\":\"10px\",\"padding-top\":\"5px\"}},[_c('li',[_c('div',{staticClass:\"timeline-icon\",style:(`background-color:${appointment.color}`)},[_c('feather-icon',{attrs:{\"icon\":\"CalendarIcon\",\"svgClasses\":\"text-white stroke-current w-5 h-5\"}})],1),_c('div',{staticClass:\"timeline-info flex flex-col\"},[_c('span',{staticClass:\"font-bold text-primary\"},[_c('vs-icon',{attrs:{\"size\":\"small\",\"icon\":\"location_city\"}}),_vm._v(\"\\n                        \"+_vm._s(appointment.loc && (appointment.loc.nameOnline || appointment.loc.name))+\"\\n                      \")],1),_c('p',{staticClass:\"activity-desc font-semibold\"},[_vm._v(_vm._s(appointment.serviceCaption))])]),_c('small',{staticClass:\"text-grey font-bold activity-e-time\"},[_vm._v(_vm._s(_vm.getLocale().formatDateTime(new Date(appointment.startDate))))])])])])])}),0)])]),_c('vs-tab',{attrs:{\"label\":_vm.$t('appointments.history')}},[_c('div',{staticClass:\"scroll-y\",staticStyle:{\"height\":\"calc(100vh - 20rem)\"}},[_c('ul',{staticClass:\"activity-timeline2\",staticStyle:{\"margin-top\":\"10px\",\"margin-left\":\"5px\"}},_vm._l((_vm.orderedAppointmentsASC),function(appointment,index){return _c('div',{key:appointment.idAppointment,ref:appointment.idAppointment,refInFor:true,staticClass:\"appointment\",on:{\"click\":function($event){return _vm.onClickAppointment(appointment)}}},[(index === 0)?_c('div',{staticStyle:{\"padding-top\":\"5px\"}},[_c('div',{staticStyle:{\"margin-left\":\"2rem\",\"padding-left\":\"40px\",\"border-left\":\"1px solid black\",\"padding-bottom\":\"10px\"}},[_c('li',[_c('div',{staticClass:\"timeline-icon\",style:(`background-color:${appointment.color};`)},[_c('feather-icon',{attrs:{\"icon\":\"CalendarIcon\",\"svgClasses\":\"text-white stroke-current w-5 h-5\"}})],1),_c('div',{staticClass:\"timeline-info flex flex-col\"},[_c('span',{staticClass:\"font-bold text-primary\"},[_c('vs-icon',{attrs:{\"size\":\"small\",\"icon\":\"location_city\"}}),_vm._v(\"\\n\\n                        \"+_vm._s(appointment.loc && (appointment.loc.nameOnline ||appointment.loc.name))+\"\\n                      \")],1),_c('p',{staticClass:\"activity-desc font-semibold\"},[_vm._v(_vm._s(appointment.serviceCaption))])]),_c('small',{staticClass:\"text-grey activity-e-time\"},[_vm._v(_vm._s(_vm.getLocale().formatDateTime(new Date(appointment.startDate))))])])])]):_c('div',[_c('div',{staticStyle:{\"margin-left\":\"2rem\",\"padding-left\":\"40px\",\"border-left\":\"1px solid black\",\"padding-bottom\":\"10px\",\"padding-top\":\"5px\"}},[_c('li',[_c('div',{staticClass:\"timeline-icon\",style:(`background-color:${appointment.color};`)},[_c('feather-icon',{attrs:{\"icon\":\"CalendarIcon\",\"svgClasses\":\"text-white stroke-current w-5 h-5\"}})],1),_c('div',{staticClass:\"timeline-info flex flex-col\"},[_c('span',{staticClass:\"font-bold text-primary\"},[_c('vs-icon',{attrs:{\"size\":\"small\",\"icon\":\"location_city\"}}),_vm._v(\"\\n\\n                        \"+_vm._s(appointment.loc && (appointment.loc.nameOnline ||appointment.loc.name))+\"\\n                      \")],1),_c('p',{staticClass:\"activity-desc font-semibold\"},[_vm._v(_vm._s(appointment.serviceCaption))])]),_c('small',{staticClass:\"text-grey activity-e-time\"},[_vm._v(_vm._s(_vm.getLocale().formatDateTime(new Date(appointment.startDate))))])])])])])}),0)])])],1)],1),_c('div',{staticClass:\"app-fixed-height border border-r-0 border-b-0 border-t-0 border-solid d-theme-border-grey-light app-fixed-height moz-scroll-hide\",class:{'sidebar-spacer': _vm.clickNotClose},staticStyle:{\"overflow-y\":\"auto\",\"overflow-x\":\"hidden\"}},[_c('feather-icon',{staticClass:\"md:inline-flex lg:hidden ml-4 mr-4 mt-4 cursor-pointer text-primary\",attrs:{\"icon\":\"MenuIcon\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.toggleTodoSidebar(true)}}}),(this.chosenAppointment)?_c('div',{staticClass:\"mx-2 my-2\"},[_c('vx-card',{staticClass:\"mb-base\"},[_c('div',{staticClass:\"flex justify-between text-center\",style:(`flex-direction:row-reverse;border-top:4px solid ${this.chosenAppointment.color}`),attrs:{\"slot\":\"no-body-bottom\"},slot:\"no-body-bottom\"},[_c('div',{staticClass:\"w-1/2 border border-solid d-theme-border-grey-light border-r-0 border-b-0 border-l-0\"},[_c('p',{staticClass:\"mt-4\"},[_c('vs-icon',{attrs:{\"icon\":\"airline_seat_flat_angled\",\"size\":\"small\",\"color\":\"primary\"}}),_vm._v(\"\\n              \"+_vm._s(_vm.$t('appointments.service'))+\"\\n            \")],1),_c('p',{staticClass:\"mb-4 text-2xl font-semibold\"},[_vm._v(_vm._s(this.chosenAppointment.serviceCaption))]),_c('p',{staticClass:\"mt-4\"},[_c('vs-icon',{attrs:{\"icon\":\"person\",\"size\":\"small\",\"color\":\"primary\"}}),_vm._v(\"\\n              \"+_vm._s(_vm.$t('appointments.doctor'))+\"\\n            \")],1),_c('p',{staticClass:\"mb-4 text-2xl font-semibold\"},[_vm._v(_vm._s(this.chosenAppointment.staffName))])]),_c('div',{staticClass:\"w-1/2 border border-solid d-theme-border-grey-light border-r-0 border-b-0\"},[_c('p',{staticClass:\"mt-4\"},[_c('vs-icon',{attrs:{\"icon\":\"date_range\",\"size\":\"small\",\"color\":\"primary\"}}),_vm._v(\"\\n              \"+_vm._s(_vm.$t('date'))+\"\\n            \")],1),_c('p',{staticClass:\"mb-4 text-2xl font-semibold\"},[_vm._v(_vm._s(_vm.getLocale().formatDate(new Date(this.chosenAppointment.startDate))))]),_c('p',{staticClass:\"mt-4\"},[_c('vs-icon',{attrs:{\"icon\":\"timer\",\"size\":\"small\",\"color\":\"primary\"}}),_vm._v(\"\\n              \"+_vm._s(_vm.$t('time'))+\"\\n            \")],1),_c('p',{staticClass:\"mb-4 text-2xl font-semibold\"},[_vm._v(_vm._s(_vm.getLocale().formatTime(_vm.chosenAppointment.startDate) + ' - ' + _vm.getLocale().formatTime(_vm.chosenAppointment.endDate)))]),_c('div',{staticClass:\"flex justify-end mx-2 my-2\"})])])]),(this.chosenAppointment.loc)?_c('about-card',{attrs:{\"location\":this.chosenAppointment.loc,\"inApp\":true}}):_vm._e()],1):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: Todo.vue\r\n    Description: Todo Application to keep you ahead of time\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n  <div\r\n    id=\"todo-app\"\r\n    class=\"border border-solid d-theme-border-grey-light rounded relative overflow-hidden\"\r\n  >\r\n    <vs-sidebar\r\n      class=\"items-no-padding appointments-sidebar\"\r\n      parent=\"#todo-app\"\r\n      :click-not-close=\"clickNotClose\"\r\n      :hidden-background=\"clickNotClose\"\r\n      v-model=\"isSidebarActive\"\r\n    >\r\n      <vs-tabs alignment=\"fixed\">\r\n        <vs-tab :label=\"$t('appointments.actual')\">\r\n          <div style=\"height:calc(100vh - 15rem);\" class=\"scroll-y\">\r\n            <ul class=\"activity-timeline2\" style=\"margin-top:10px; margin-left:5px;\">\r\n              <div\r\n                v-for=\"(appointment,index) in orderedAppointmentsDESC\"\r\n                :key=\"appointment.idAppointment\"\r\n                :ref=\"appointment.idAppointment\"\r\n                @click=\"onClickAppointment(appointment)\"\r\n                class=\"appointment\"\r\n              >\r\n                <div v-if=\"index===0\" style=\"padding-top:5px;\">\r\n                  <div\r\n                    style=\"margin-left: 2rem; padding-left: 40px; border-left: 1px solid black; padding-bottom: 10px;\"\r\n                  >\r\n                    <li>\r\n                      <div class=\"timeline-icon\" :style=\"`background-color:${appointment.color}`\">\r\n                        <feather-icon\r\n                          icon=\"CalendarIcon\"\r\n                          svgClasses=\"text-white stroke-current w-5 h-5\"\r\n                        ></feather-icon>\r\n                      </div>\r\n                      <div class=\"timeline-info flex flex-col\">\r\n                        <span class=\"font-bold text-primary\">\r\n                          <vs-icon size=\"small\" icon=\"location_city\"></vs-icon>\r\n                          {{appointment.loc && (appointment.loc.nameOnline || appointment.loc.name) }}\r\n                        </span>\r\n                        <p class=\"activity-desc font-semibold\">{{appointment.serviceCaption}}</p>\r\n                        <!-- <small>{{appointment.description}}</small> -->\r\n                      </div>\r\n                      <small\r\n                        class=\"text-grey font-bold activity-e-time\"\r\n                      >{{getLocale().formatDateTime(new Date(appointment.startDate))}}</small>\r\n                    </li>\r\n                  </div>\r\n                </div>\r\n                <div v-else>\r\n                  <div\r\n                    style=\"margin-left: 2rem; padding-left: 40px; border-left: 1px solid black; padding-bottom: 10px; padding-top:5px;\"\r\n                  >\r\n                    <li>\r\n                      <div class=\"timeline-icon\" :style=\"`background-color:${appointment.color}`\">\r\n                        <feather-icon\r\n                          icon=\"CalendarIcon\"\r\n                          svgClasses=\"text-white stroke-current w-5 h-5\"\r\n                        ></feather-icon>\r\n                      </div>\r\n                      <div class=\"timeline-info flex flex-col\">\r\n                        <span class=\"font-bold text-primary\">\r\n                          <vs-icon size=\"small\" icon=\"location_city\"></vs-icon>\r\n                          {{appointment.loc && (appointment.loc.nameOnline || appointment.loc.name) }}\r\n                        </span>\r\n                        <p class=\"activity-desc font-semibold\">{{appointment.serviceCaption}}</p>\r\n                        <!-- <small>{{appointment.description}}</small> -->\r\n                      </div>\r\n                      <small\r\n                        class=\"text-grey font-bold activity-e-time\"\r\n                      >{{getLocale().formatDateTime(new Date(appointment.startDate))}}</small>\r\n                    </li>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </ul>\r\n          </div>\r\n        </vs-tab>\r\n        <vs-tab :label=\"$t('appointments.history')\">\r\n          <div style=\"height:calc(100vh - 20rem);\" class=\"scroll-y\">\r\n            <ul class=\"activity-timeline2\" style=\"margin-top:10px; margin-left:5px;\">\r\n              <div\r\n                v-for=\"(appointment, index) in orderedAppointmentsASC\"\r\n                :key=\"appointment.idAppointment\"\r\n                :ref=\"appointment.idAppointment\"\r\n                @click=\"onClickAppointment(appointment)\"\r\n                class=\"appointment\"\r\n              >\r\n                <div v-if=\"index === 0\" style=\"padding-top:5px;\">\r\n                  <div\r\n                    style=\"margin-left: 2rem; padding-left: 40px; border-left: 1px solid black; padding-bottom: 10px;\"\r\n                  >\r\n                    <li>\r\n                      <div class=\"timeline-icon\" :style=\"`background-color:${appointment.color};`\">\r\n                        <feather-icon\r\n                          icon=\"CalendarIcon\"\r\n                          svgClasses=\"text-white stroke-current w-5 h-5\"\r\n                        ></feather-icon>\r\n                      </div>\r\n                      <div class=\"timeline-info flex flex-col\">\r\n                        <span class=\"font-bold text-primary\">\r\n                          <vs-icon size=\"small\" icon=\"location_city\"></vs-icon>\r\n\r\n                          {{appointment.loc && (appointment.loc.nameOnline ||appointment.loc.name)}}\r\n                        </span>\r\n                        <p class=\"activity-desc font-semibold\">{{appointment.serviceCaption}}</p>\r\n                        <!-- <small>{{appointment.description}}</small> -->\r\n                      </div>\r\n                      <small\r\n                        class=\"text-grey activity-e-time\"\r\n                      >{{getLocale().formatDateTime(new Date(appointment.startDate))}}</small>\r\n                    </li>\r\n                  </div>\r\n                </div>\r\n                <div v-else>\r\n                  <div\r\n                    style=\"margin-left: 2rem; padding-left: 40px; border-left: 1px solid black; padding-bottom: 10px;padding-top:5px;\"\r\n                  >\r\n                    <li>\r\n                      <div class=\"timeline-icon\" :style=\"`background-color:${appointment.color};`\">\r\n                        <feather-icon\r\n                          icon=\"CalendarIcon\"\r\n                          svgClasses=\"text-white stroke-current w-5 h-5\"\r\n                        ></feather-icon>\r\n                      </div>\r\n                      <div class=\"timeline-info flex flex-col\">\r\n                        <span class=\"font-bold text-primary\">\r\n                          <vs-icon size=\"small\" icon=\"location_city\"></vs-icon>\r\n\r\n                          {{appointment.loc && (appointment.loc.nameOnline ||appointment.loc.name)}}\r\n                        </span>\r\n                        <p class=\"activity-desc font-semibold\">{{appointment.serviceCaption}}</p>\r\n                        <!-- <small>{{appointment.description}}</small> -->\r\n                      </div>\r\n                      <small\r\n                        class=\"text-grey activity-e-time\"\r\n                      >{{getLocale().formatDateTime(new Date(appointment.startDate))}}</small>\r\n                    </li>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </ul>\r\n          </div>\r\n        </vs-tab>\r\n      </vs-tabs>\r\n    </vs-sidebar>\r\n\r\n    <div\r\n      :class=\"{'sidebar-spacer': clickNotClose}\"\r\n      class=\"app-fixed-height border border-r-0 border-b-0 border-t-0 border-solid d-theme-border-grey-light app-fixed-height moz-scroll-hide\"\r\n      style=\" overflow-y: auto; overflow-x: hidden;\"\r\n    >\r\n      <feather-icon\r\n        class=\"md:inline-flex lg:hidden ml-4 mr-4 mt-4 cursor-pointer text-primary\"\r\n        icon=\"MenuIcon\"\r\n        @click.stop=\"toggleTodoSidebar(true)\"\r\n      ></feather-icon>\r\n\r\n      <!--  DETAIL-->\r\n      <div v-if=\"this.chosenAppointment\" class=\"mx-2 my-2\">\r\n        <vx-card class=\"mb-base\">\r\n          <div\r\n            class=\"flex justify-between text-center\"\r\n            :style=\"`flex-direction:row-reverse;border-top:4px solid ${this.chosenAppointment.color}`\"\r\n            slot=\"no-body-bottom\"\r\n          >\r\n            <div\r\n              class=\"w-1/2 border border-solid d-theme-border-grey-light border-r-0 border-b-0 border-l-0\"\r\n            >\r\n              <p class=\"mt-4\">\r\n                <vs-icon icon=\"airline_seat_flat_angled\" size=\"small\" color=\"primary\"></vs-icon>\r\n                {{$t('appointments.service')}}\r\n              </p>\r\n              <p class=\"mb-4 text-2xl font-semibold\">{{this.chosenAppointment.serviceCaption}}</p>\r\n              <p class=\"mt-4\">\r\n                <vs-icon icon=\"person\" size=\"small\" color=\"primary\"></vs-icon>\r\n                {{$t('appointments.doctor')}}\r\n              </p>\r\n              <p class=\"mb-4 text-2xl font-semibold\">{{this.chosenAppointment.staffName}}</p>\r\n            </div>\r\n            <div class=\"w-1/2 border border-solid d-theme-border-grey-light border-r-0 border-b-0\">\r\n              <p class=\"mt-4\">\r\n                <vs-icon icon=\"date_range\" size=\"small\" color=\"primary\"></vs-icon>\r\n                {{$t('date')}}\r\n              </p>\r\n              <p\r\n                class=\"mb-4 text-2xl font-semibold\"\r\n              >{{getLocale().formatDate(new Date(this.chosenAppointment.startDate))}}</p>\r\n              <p class=\"mt-4\">\r\n                <vs-icon icon=\"timer\" size=\"small\" color=\"primary\"></vs-icon>\r\n                {{$t('time')}}\r\n              </p>\r\n              <p\r\n                class=\"mb-4 text-2xl font-semibold\"\r\n              >{{getLocale().formatTime(chosenAppointment.startDate) + ' - ' + getLocale().formatTime(chosenAppointment.endDate)}}</p>\r\n              <div class=\"flex justify-end mx-2 my-2\">\r\n                <!-- <vs-button class=\"mr-2\" color=\"success\" icon-pack=\"feather\" icon=\"icon-check\"></vs-button>\r\n                <vs-button color=\"danger\" type=\"filled\" icon-pack=\"feather\" icon=\"icon-x\"></vs-button>-->\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </vx-card>\r\n        <about-card\r\n          v-if=\"this.chosenAppointment.loc\"\r\n          :location=\"this.chosenAppointment.loc\"\r\n          :inApp=\"true\"\r\n        ></about-card>\r\n      </div>\r\n      <!-- /DETAIL -->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport moment from \"moment\";\r\nimport { mapState, mapGetters } from \"vuex\";\r\nimport AboutCard from \"../components/locations/cards/AboutCard.vue\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      chosenLi: undefined,\r\n      hover: false,\r\n      chosenAppointment: null,\r\n      clickNotClose: true,\r\n      displayPrompt: false,\r\n      todoIdToEdit: 0,\r\n      isSidebarActive: true,\r\n      windowWidth: window.innerWidth\r\n    };\r\n  },\r\n\r\n  props: {\r\n    appointment: {\r\n      required: false,\r\n      type: Object\r\n    }\r\n  },\r\n  computed: {\r\n    orderedAppointmentsDESC: function() {\r\n      return this.allAppointments\r\n        .filter(a => new Date(a.startDate) > new Date())\r\n        .sort((a, b) => {\r\n          return new Date(a.startDate) - new Date(b.startDate);\r\n        });\r\n    },\r\n    orderedAppointmentsASC: function() {\r\n      return this.allAppointments\r\n        .filter(a => new Date(a.startDate) < new Date())\r\n        .sort((a, b) => {\r\n          return new Date(b.startDate) - new Date(a.startDate);\r\n        });\r\n    },\r\n    ...mapState({\r\n      //allAppointments: state => state.userData.AppActiveAppointments\r\n    }),\r\n    allAppointments() {\r\n      return this.getAllAppointments() || [];\r\n    }\r\n  },\r\n  mounted() {\r\n    if (!this.appointment) {\r\n      this.toggleTodoSidebar(true);\r\n    }\r\n\r\n    setTimeout(() => {\r\n      if (this.appointment) {\r\n        this.$refs[this.appointment.idAppointment][0].click();\r\n      } else {\r\n        this.onClickAppointment(this.orderedAppointmentsDESC[0]);\r\n      }\r\n    }, 0);\r\n  },\r\n  methods: {\r\n    getServiceTime(timeStart, timeEnd, format) {\r\n      return (\r\n        moment(timeStart).format(format) +\r\n        \" - \" +\r\n        moment(timeEnd).format(format)\r\n      );\r\n    },\r\n    onClickAppointment(ap) {\r\n      if (ap !== undefined) {\r\n        this.toggleTodoSidebar();\r\n        this.chosenAppointment = ap;\r\n        if (this.chosenLi && this.$refs[this.chosenLi][0]) {\r\n          this.$refs[this.chosenLi][0].classList.remove(\"li-border\");\r\n        }\r\n        this.chosenLi = ap.idAppointment;\r\n        this.$refs[ap.idAppointment][0].classList.add(\"li-border\");\r\n      }\r\n    },\r\n\r\n    handleWindowResize(event) {\r\n      this.windowWidth = event.currentTarget.innerWidth;\r\n      this.setSidebarWidth();\r\n    },\r\n    setSidebarWidth() {\r\n      if (this.windowWidth < 992) {\r\n        this.isSidebarActive = this.clickNotClose = false;\r\n      } else {\r\n        this.isSidebarActive = this.clickNotClose = true;\r\n      }\r\n    },\r\n    toggleTodoSidebar(value = false) {\r\n      if (!value && this.clickNotClose) return;\r\n      this.isSidebarActive = value;\r\n    }\r\n  },\r\n  components: {\r\n    AboutCard\r\n  },\r\n  updated() {},\r\n\r\n  created() {\r\n    const locations = this.allAppointments.map(a => {\r\n      return a.loc;\r\n    });\r\n    const filteredLocations = locations.filter(\r\n      (e, i) => locations.indexOf(e) >= i\r\n    );\r\n    this.$store.dispatch(\"updateXdentLogos\", filteredLocations);\r\n    this.$nextTick(() => {\r\n      window.addEventListener(\"resize\", this.handleWindowResize);\r\n    });\r\n    this.setSidebarWidth();\r\n  },\r\n  beforeDestroy: function() {\r\n    window.removeEventListener(\"resize\", this.handleWindowResize);\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@/assets/scss/vuesax/apps/todo.scss\";\r\n@import \"@/assets/scss/vuesax/components/vxSidebar.scss\";\r\n.appointment:hover {\r\n  background: #f2faff;\r\n  cursor: pointer;\r\n}\r\n.li-border {\r\n  // border-right: 5px solid;\r\n  // border-color: rgba(var(--vs-primary), 1) !important;\r\n  background: #f2faff;\r\n  cursor: pointer;\r\n}\r\n</style>\r\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!./Appointments.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!./Appointments.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Appointments.vue?vue&type=template&id=a2c2845e&scoped=true\"\nimport script from \"./Appointments.vue?vue&type=script&lang=js\"\nexport * from \"./Appointments.vue?vue&type=script&lang=js\"\nimport style0 from \"./Appointments.vue?vue&type=style&index=0&id=a2c2845e&prod&lang=scss&scoped=true\"\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  \"a2c2845e\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $export = require('./_export');\nvar aFunction = require('./_a-function');\nvar toObject = require('./_to-object');\nvar fails = require('./_fails');\nvar $sort = [].sort;\nvar test = [1, 2, 3];\n\n$export($export.P + $export.F * (fails(function () {\n  // IE8-\n  test.sort(undefined);\n}) || !fails(function () {\n  // V8 bug\n  test.sort(null);\n  // Old WebKit\n}) || !require('./_strict-method')($sort)), 'Array', {\n  // 22.1.3.25 Array.prototype.sort(comparefn)\n  sort: function sort(comparefn) {\n    return comparefn === undefined\n      ? $sort.call(toObject(this))\n      : $sort.call(toObject(this), aFunction(comparefn));\n  }\n});\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Appointments.vue?vue&type=style&index=0&id=a2c2845e&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.newUrl)?_c('div',[_c('vs-avatar',{attrs:{\"src\":_vm.newUrl}})],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div v-if=\"newUrl\">\r\n    <vs-avatar :src=\"newUrl\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"avatar\",\r\n  props: {\r\n    size: {\r\n      type: String,\r\n      required: false\r\n    },\r\n    src: {\r\n      type: String,\r\n      required: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      newUrl: \"\"\r\n    };\r\n  },\r\n  created() {\r\n    var img = new Image();\r\n    img.src = this.src;\r\n    img.onload = () => {\r\n      const iw = img.width;\r\n      const ih = img.height;\r\n      const { width, height } = this.calculateAspectRatioFit(\r\n        iw,\r\n        ih,\r\n        parseInt(this.size),\r\n        parseInt(this.size)\r\n      );\r\n      // create an off-screen canvas\r\n      var canvas = document.createElement(\"canvas\"),\r\n        ctx = canvas.getContext(\"2d\");\r\n\r\n      // set its dimension to target size\r\n      canvas.width = width;\r\n      canvas.height = height;\r\n\r\n      // draw source image into the off-screen canvas:\r\n      ctx.drawImage(img, 0, 0, width, height);\r\n\r\n      // encode image to data-uri with base64 version of compressed image\r\n      this.newUrl = canvas.toDataURL();\r\n    };\r\n  },\r\n  methods: {}\r\n};\r\n</script>\r\n\r\n<style>\r\n</style>\r\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!./Avatar.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!./Avatar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Avatar.vue?vue&type=template&id=ab992626\"\nimport script from \"./Avatar.vue?vue&type=script&lang=js\"\nexport * from \"./Avatar.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/map-pointer.2f21eca8.svg\";"],"sourceRoot":""}