{"version":3,"sources":["webpack:///./src/views/calendar/state-calendar/StateCalendarEvent.vue?7f2d","webpack:///src/views/calendar/state-calendar/StateCalendarEvent.vue","webpack:///./src/views/calendar/state-calendar/StateCalendarEvent.vue?a4cf","webpack:///./src/views/calendar/state-calendar/StateCalendarEvent.vue","webpack:///./src/views/calendar/state-calendar/StateCalendarEvent.vue?8f6a","webpack:///./src/components/page-components/PageFooter.vue?8bfa","webpack:///src/components/page-components/PageFooter.vue","webpack:///./src/components/page-components/PageFooter.vue?1327","webpack:///./src/components/page-components/PageFooter.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","translations","tcStateCalendarList","tcCountryCalendarList","attrs","components","tcCurrentHome","on","$event","page_load","_l","eve","index","key","switchM","stateMode","switchView","filterMeeting","changestateregion","changestatearea","class","ref","calendarOptions","day","date","printLowDate","ev","getSelected","_e","staticRenderFns","name","data","glabel","toBeScheduled","dataModal","isOpen","methods","eventAdded","alert","event","eventDeleted","events","splice","indexOf","switchMonth","val","returnFormattedDate","dateEpoch","setUTCSeconds","Math","floor","num","obj","type","value","tempEvents","filter","item","vmpt_trn_txt","toLowerCase","$refs","fullcalendar","calendar","getEventSources","remove","addEventSource","getMeetings","officerToolbarSelected","country_state","startDate","endDate","getToBeScheduleMeeting","calendarService","res","status","addToBeScheduleEvent","$router","push","path","payload","text","tempFilter","map","label","forEach","distribution","dist","length","distributionSelected","eventList","selectedArea","loadTranslations","EventKey","tcGideon","tcAuxiliary","tcBoth","mixins","calendarMixin","computed","days","title","Calendar","CalendarKey","CalendarToolbar","CalendarWeek","campSelector","CampSelect","FullCalendar","iAdd","iClose","pageBody","pageFooter","pageHeader","component","_t","props","classes","Array"],"mappings":"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","file":"js/chunk-181d4c76.f3febe82.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"calendar-month template-1\"},[_c('page-header',{staticClass:\"mx-lg\"},[(_vm.stateMode)?_c('h1',[_vm._v(_vm._s(_vm.translations.tcStateCalendarList))]):_c('h1',[_vm._v(_vm._s(_vm.translations.tcCountryCalendarList))])]),_c('camp-selector',{attrs:{\"i18n\":_vm.translations.components,\"showCamp\":false,\"tooltip\":_vm.translations.tcCurrentHome},on:{\"camp_changed\":function($event){return _vm.page_load($event)}}}),_c('page-body',{staticClass:\"mx-lg\"},[_c('header',[_c('div',{staticClass:\"cal-key-cont\"},_vm._l((_vm.EventKey),function(eve,index){return _c('CalendarKey',{key:index,attrs:{\"obj\":eve,\"index\":index,\"i18n\":_vm.translations.components}})}),1)]),_c('section',{staticClass:\"section-1 bg-block\"},[_c('CalendarToolbar',{attrs:{\"switch_toggle\":_vm.switchM,\"show_switch\":false,\"i18n\":_vm.translations.components,\"translationsAll\":_vm.translations,\"stateMode\":_vm.stateMode},on:{\"toggleView\":_vm.switchView,\"filterby\":_vm.filterMeeting,\"changestateregion\":_vm.changestateregion,\"changestatearea\":_vm.changestatearea}}),_c('section',{class:_vm.switchM == 'grid' ? 'fullcalvis' : 'fullcalinv'},[_c('FullCalendar',{ref:\"fullcalendar\",attrs:{\"options\":_vm.calendarOptions}})],1),(_vm.switchM == 'month')?_c('div',{staticClass:\"month-view\"},_vm._l((_vm.days),function(day,date){return _c('div',{key:date,staticClass:\"day-view\"},[_c('h3',[_vm._v(_vm._s(_vm.printLowDate(date)))]),_vm._l((day),function(ev,index){return [_c('CalendarWeek',{key:index,attrs:{\"obj\":ev},on:{\"onSelected\":_vm.getSelected}})]})],2)}),0):_vm._e()],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"calendar-month template-1\">\n    <page-header class=\"mx-lg\">\n      <h1 v-if=\"stateMode\">{{ translations.tcStateCalendarList }}</h1>\n      <h1 v-else>{{ translations.tcCountryCalendarList }}</h1>\n    </page-header>\n    <!-- / Page Header -->\n    <camp-selector\n      @camp_changed=\"page_load($event)\"\n      :i18n=\"translations.components\"\n      :showCamp=\"false\"\n      :tooltip=\"translations.tcCurrentHome\"\n    />\n    <!-- / Camp Selector -->\n    <page-body class=\"mx-lg\">\n      <header>\n        <div class=\"cal-key-cont\">\n          <CalendarKey\n            v-for=\"(eve, index) in EventKey\"\n            :key=\"index\"\n            :obj=\"eve\"\n            :index=\"index\"\n            :i18n=\"translations.components\"\n          />\n        </div>\n      </header>\n      <section class=\"section-1 bg-block\">\n        <CalendarToolbar\n          :switch_toggle=\"switchM\"\n          @toggleView=\"switchView\"\n          @filterby=\"filterMeeting\"\n          :show_switch=\"false\"\n          @changestateregion=\"changestateregion\"\n          @changestatearea=\"changestatearea\"\n          :i18n=\"translations.components\"\n          :translationsAll=\"translations\"\n          :stateMode=\"stateMode\"\n        />\n        <section :class=\"switchM == 'grid' ? 'fullcalvis' : 'fullcalinv'\">\n          <FullCalendar ref=\"fullcalendar\" :options=\"calendarOptions\"></FullCalendar>\n        </section>\n        <div class=\"month-view\" v-if=\"switchM == 'month'\">\n          <div class=\"day-view\" v-for=\"(day, date) in days\" :key=\"date\">\n            <h3>{{ printLowDate(date) }}</h3>\n            <template v-for=\"(ev, index) in day\">\n              <CalendarWeek :obj=\"ev\" :key=\"index\" @onSelected=\"getSelected\" />\n            </template>\n          </div>\n        </div>\n      </section>\n    </page-body>\n  </div>\n  <!-- / Page Body -->\n</template>\n\n<script>\n/* eslint-disable */\nimport { mapActions, mapState, mapGetters } from 'vuex'\nimport { Calendar } from 'vue-bootstrap4-calendar'\nimport CalendarKey from '@/components/calendar/calendar-key/CalendarKey.vue'\nimport { calendarMixin } from '@/mixins/calendarMixin'\nimport CalendarWeek from '@/components/calendar/calendar-week/CalendarWeek.vue'\nimport calendarService from '../../../services/calendarService'\nimport CalendarToolbar from '@/components/calendar/calendar-toolbar/CalendarToolbar.vue'\nimport CampSelect from '@/components/CampSelect.vue'\nimport constantData from '@/json/data.json'\nimport FullCalendar from '@fullcalendar/vue'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport timeGridPlugin from '@fullcalendar/timegrid'\nimport interactionPlugin from '@fullcalendar/interaction'\nimport iClose from '@/assets/svgs/icon-close.vue'\nimport iAdd from '@/assets/svgs/icon-add-button.vue'\nimport { Loader } from '@/mixins/Loader'\nimport pageBody from '@/components/page-components/PageBody.vue'\nimport pageFooter from '@/components/page-components/PageFooter.vue'\nimport pageHeader from '@/components/page-components/PageHeader.vue'\nimport { translationMixin } from '@/mixins/translationMixin'\n\nexport default {\n  name: 'state-event-grid',\n  data() {\n    return {\n      translations: {},\n      glabel: null,\n      toBeScheduled: [],\n      dataModal: null,\n      isOpen: false,\n      switchM: 'month',\n      toBeScheduled: true,\n      events: [],\n      tempEvents: [],\n      tempFilter: [],\n      selectedArea: null,\n      EventKey: [\n        {\n          color: '#003946',\n          type: 'Gideon',\n        },\n        {\n          color: '#E43300',\n          type: 'Auxiliary',\n        },\n        {\n          color: '#290048',\n          type: 'Both',\n        },\n      ],\n      calendarOptions: {\n        plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],\n        headerToolbar: {\n          left: 'prev,next today',\n          center: 'title',\n          right: 'dayGridMonth,timeGridWeek,timeGridDay',\n        },\n        initialView: 'dayGridMonth',\n        handleWindowResize: true,\n        allDaySlot: false,\n        eventDisplay: 'block',\n        selectable: true,\n        weekends: true,\n        eventClick: this.selectedEvent,\n        contentHeight: 580,\n      },\n    }\n  },\n  methods: {\n    ...mapActions({\n      clearSelected: 'eventCalendar/clearSelected',\n      setLoadingStatus: 'menu/setLoadingStatus',\n      setSelectedConventionKey: 'user/setSelectedConventionKey',\n      setSelectedMeeting: 'eventCalendar/setSelectedMeeting',\n      setSelectedMeetingKey: 'user/setSelectedMeetingKey',\n    }),\n    async page_load(evt) {\n      if (!evt) {\n        try {\n          if (!this.loading) this.setLoadingStatus(true)\n          await this.getMeetings(this.officerToolbarSelected.country_state, null, null)\n          //apply default state area filter\n          let eventList = []\n\n          if (!!this.selectedArea) {\n            //apply user's state area filter based on camp\n            this.tempEvents.forEach((item) => {\n              if (!!item.distribution) {\n                let dist = item.distribution.filter(\n                  (x) => x.mgd_children_org_key.toString().toUpperCase() == this.selectedArea.value.toUpperCase()\n                )\n                if (dist.length > 0) {\n                  item.distributionSelected = dist\n                  item.label = this.selectedArea.text\n                  eventList.push(item)\n                }\n              }\n            })\n            this.events = eventList\n            if (!!this.$refs.fullcalendar) {\n              let calendar = this.$refs.fullcalendar.getApi()\n              if (calendar.getEventSources().length > 0) {\n                calendar.getEventSources()[0].remove()\n              }\n              calendar.addEventSource(this.events)\n            }\n          }\n        } catch (e) {\n          console.error('Error in StateCalendarEvent, page_load(), ', e)\n        } finally {\n          this.setLoadingStatus(false)\n        }\n      }\n    },\n    eventAdded(event) {\n      alert(event)\n    },\n    eventDeleted(event) {\n      this.events.splice(this.events.indexOf(event), 1)\n    },\n    switchMonth() {\n      this.switchMonth = 'switch'\n    },\n    switchView(val) {\n      this.switchM = val\n    },\n    printLowDate(num) {\n      let dateEpoch = new Date(0)\n      return this.returnFormattedDate(dateEpoch.setUTCSeconds(Math.floor(num / 1000)))\n    },\n    async getMeetings(org_key, start_date, end_date) {\n      this.showLoader()\n      await calendarService\n        .getStateMeetings(org_key, start_date, end_date)\n        .then((res) => {\n          this.getToBeScheduleMeeting(org_key)\n          this.events = res.data.meetings.map((item) => {\n            item.color =\n              item.vmpt_trn_txt === 'Gideon'\n                ? 'card-Gideon'\n                : item.vmpt_trn_txt === 'Auxiliary'\n                ? 'card-Auxillary'\n                : 'card-Both'\n            return this.meetingDetails(item)\n          })\n          this.tempEvents = this.events\n          if (!!this.$refs.fullcalendar) {\n            let calendar = this.$refs.fullcalendar.getApi()\n            if (calendar.getEventSources().length > 0) {\n              calendar.getEventSources()[0].remove()\n            }\n            calendar.addEventSource(this.events)\n          }\n        })\n        .catch((err) => {})\n        .finally(() => {\n          this.closeLoader()\n        })\n    },\n    async getSelected(itemSelected) {\n      let evt = {}\n      if (!!itemSelected.event) {\n        evt = itemSelected.event\n        Object.assign(evt, evt.extendedProps)\n      } else {\n        evt = itemSelected\n      }\n      if (evt.mtrkey !== null && evt.mtrkey !== constantData.empty_guid) {\n        this.showLoader()\n        let response = await calendarService.getMeetingRecurrence(evt.mtrkey)\n        if (response.status === 200) {\n          evt.reccurrencetype = response.data\n          await this.clearSelected()\n          await this.setSelectedMeeting(evt)\n          this.closeLoader()\n          this.$router.push({\n            path: '/calendar/state/event/event-detail/',\n          })\n        } else {\n          this.closeLoader()\n        }\n      } else {\n        // check if a state convention  is selected\n        switch (evt.meetingtype) {\n          case constantData.meetings.stateconvention.value:\n            this.setSelectedConventionKey(evt.mtgkey)\n            this.closeLoader()\n            this.$router.push({ path: constantData.meetings.stateconvention.route })\n            break\n          case constantData.meetings.TwoHourConversation.value:\n          case constantData.meetings.TwoDayInstructor.value:\n          case constantData.meetings.TwoDayEducationalUnit.value:\n            await this.setSelectedMeetingKey(evt.mtgkey)\n            this.$router.push({ path: constantData.meetings.TwoHourConversation.route })\n            break\n          default:\n            await this.setSelectedMeeting(evt)\n            this.closeLoader()\n            this.$router.push({ path: '/calendar/state/event/event-detail/' })\n            break\n        }\n      }\n    },\n    filterMeeting(obj) {\n      if (obj.type === 'member') {\n        if (obj.value === 'all') {\n          this.events = this.tempEvents\n        } else {\n          this.events = this.tempEvents.filter((item) => {\n            return !!item.vmpt_trn_txt && item.vmpt_trn_txt.toLowerCase() === obj.value\n          })\n        }\n        if (!!this.$refs.fullcalendar) {\n          let calendar = this.$refs.fullcalendar.getApi()\n          calendar.getEventSources()[0].remove()\n          calendar.addEventSource(this.events)\n        }\n      } else if (obj.type === 'daterange') {\n        this.getMeetings(this.officerToolbarSelected.country_state, obj.value.startDate, obj.value.endDate)\n      }\n    },\n    getToBeScheduleMeeting(org_key) {\n      calendarService.MeetingToBeSchedule(org_key).then((res) => {\n        if (res.status == 200) {\n          this.toBeScheduled = res.data.meeting\n        }\n      })\n    },\n    addToBeScheduleEvent(event) {\n      this.$router.push({\n        path: `/calendar/camp-calendar/add-event/${event.vmtt_mtt_key.toLowerCase()}`,\n      })\n    },\n    async selectedEvent(event) {\n      await this.getSelected(event)\n    },\n    changestateregion(payload) {\n      this.glabel = payload.text\n      if (payload.value === 'all') {\n        this.tempFilter = []\n        this.events = this.tempEvents.map((item) => {\n          item.label = null\n          return item\n        })\n      } else {\n        let eventList = []\n        this.tempEvents.forEach((item) => {\n          if (!!item.distribution) {\n            let dist = item.distribution.filter(\n              (x) => x.mgd_parent_org_key.toString().toUpperCase() == payload.value.toUpperCase()\n            )\n            if (dist.length > 0) {\n              item.distributionSelected = dist\n              item.label = payload.text\n              eventList.push(item)\n            }\n          }\n        })\n        this.events = eventList\n        this.tempFilter = eventList\n      }\n      if (!!this.$refs.fullcalendar) {\n        let calendar = this.$refs.fullcalendar.getApi()\n        calendar.getEventSources()[0].remove()\n        calendar.addEventSource(this.events)\n      }\n    },\n    changestatearea(payload) {\n      if (payload.value === 'all') {\n        if (this.tempFilter === []) {\n          this.events = this.tempEvents.map((item) => {\n            item.label = this.glabel\n            return item\n          })\n        } else {\n          this.events = this.tempFilter.map((item) => {\n            item.label = this.glabel\n            return item\n          })\n        }\n      } else {\n        let eventList = []\n\n        if (!this.tempFilter) {\n          if (this.tempEvents.length === 0) {\n            //getMeetings will filter\n            this.selectedArea = { value: payload.value.toUpperCase(), text: payload.text }\n          }\n          this.tempEvents.forEach((item) => {\n            if (!!item.distribution) {\n              let dist = item.distribution.filter(\n                (x) => x.mgd_children_org_key.toString().toUpperCase() == payload.value.toUpperCase()\n              )\n              if (dist.length > 0) {\n                item.distributionSelected = dist\n                item.label = payload.text\n                eventList.push(item)\n              }\n            }\n          })\n        } else {\n          this.tempFilter.forEach((item) => {\n            let dist = item.distribution.filter(\n              (x) => x.mgd_children_org_key.toString().toUpperCase() == payload.value.toUpperCase()\n            )\n            if (dist.length > 0) {\n              item.distributionSelected = dist\n              item.label = this.glabel + ' >> ' + payload.text\n              eventList.push(item)\n            }\n          })\n        }\n        this.events = eventList\n      }\n      if (!!this.$refs.fullcalendar) {\n        let calendar = this.$refs.fullcalendar.getApi()\n        calendar.getEventSources()[0].remove()\n        calendar.addEventSource(this.events)\n      }\n    },\n    loadTranslations() {\n      this.EventKey[0].type = this.translations.tcGideon\n      this.EventKey[1].type = this.translations.tcAuxiliary\n      this.EventKey[2].type = this.translations.tcBoth\n    },\n  },\n  mixins: [calendarMixin, Loader, translationMixin],\n  computed: {\n    ...mapState(['user']),\n    ...mapGetters({\n      loading: 'menu/loadingStatus',\n      officerToolbarSelected: 'user/officerToolbarSelected',\n      prefCulture: 'user/userPreferredCulture',\n    }),\n\n    stateMode() {\n      return (\n        !!this.officerToolbarSelected.camp_number && this.officerToolbarSelected.camp_number.substring(0, 1) === 'U'\n      )\n    },\n\n    days() {\n      //   Used to display date on grid display\n      const days = {}\n      this.events.forEach((ev) => {\n        const meetingGuid = ev.mtg_mtt_key ? ev.mtg_mtt_key.toLowerCase() : ''\n        ev.title = this.translations.common['event-types'].hasOwnProperty(meetingGuid)\n          ? this.translations.common['event-types'][meetingGuid]\n          : ev.meetingtitle\n        if (!days[ev.date]) {\n          days[ev.date] = []\n        }\n        days[ev.date].push(ev)\n      })\n      return days\n    },\n  },\n  async created() {\n    await this.clearSelected()\n    try {\n      await Promise.all([\n        this.setLoadingStatus(true),\n        this.getViewTranslations('forms', 'geographic-areas'),\n        this.getComponentTranslations('calendar-key', 'calendar-toolbar', 'camp-select'),\n        this.getComponentTranslations('common.calendar-event-type', 'common.calendar-event-type-state'),\n      ]).then((results) => {\n        this.stripReadableText(results[3])\n        this.translations.common['event-types'] = {\n          // merge event types together\n          ...this.translations.common['calendar-event-type'],\n          ...this.translations.common['calendar-event-type-state'],\n        }\n        const translatedText = {\n          ...results[2],\n          common: {\n            ...this.translations.common,\n          },\n        }\n        this.$set(this.translations, 'components', translatedText)\n        this.loadTranslations()\n        this.page_load()\n      })\n    } catch (e) {\n      console.error('Error in StateCalendarEvent, created()', e)\n    } finally {\n    }\n  },\n  components: {\n    Calendar: Calendar,\n    CalendarKey: CalendarKey,\n    CalendarToolbar: CalendarToolbar,\n    CalendarWeek: CalendarWeek,\n    campSelector: CampSelect,\n    FullCalendar,\n    iAdd: iAdd,\n    iClose: iClose,\n    pageBody: pageBody,\n    pageFooter: pageFooter,\n    pageHeader: pageHeader,\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import '@/styles/settings.scss';\n.fullcalvis {\n  visibility: visible;\n  height: auto;\n}\n.fullcalinv {\n  visibility: hidden;\n  height: 0px;\n}\n.fc-event {\n  font-size: 0.85em !important;\n  background-color: #3a87ad;\n  border-color: #3a87ad;\n  line-height: 1.3;\n  border-radius: 3px;\n  border: 1px solid #3a87ad;\n  cursor: pointer;\n}\n.fc-event-time {\n  min-width: fit-content;\n}\n.fc .fc-col-header-cell-cushion {\n  color: #636363;\n  text-decoration: none;\n}\n.fc-timegrid-event {\n  font-size: 0.9em !important;\n  min-height: 27px;\n  line-height: 0.95em;\n}\n.fc-daygrid-day-number {\n  display: flex;\n  text-decoration: none !important;\n  justify-content: center;\n  align-items: center;\n  float: right;\n  width: 30px;\n  height: 30px;\n  font-size: 14px;\n  color: #636363;\n  font-family: $open-sans;\n  @include breakpoint(sm) {\n    margin: 0 auto;\n    float: none;\n  }\n}\n.to-be-scheduled {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: #fbc301;\n  header {\n    display: flex;\n    h3 {\n      color: #000;\n      font-family: 'DIN 1451 W01 Engschrift', sans-serif;\n      font-size: 30px;\n      letter-spacing: 1px;\n      line-height: 44px;\n      text-transform: uppercase;\n      flex: 1 1 auto;\n      display: flex;\n      @include breakpoint(sm) {\n        justify-content: center;\n      }\n    }\n    .i-tooltip {\n      position: relative;\n      top: 0px;\n      margin-left: 10px;\n      line-height: 0;\n      svg path {\n        fill: #000;\n      }\n    }\n  }\n  .scheduled-buttons {\n    .btn {\n      margin-right: 10px;\n      margin-bottom: 10px;\n      display: flex;\n      @include breakpoint(sm) {\n        width: 100%;\n        text-align: left;\n        span {\n          flex: 1 1 auto;\n        }\n      }\n      svg {\n        margin-left: 7px;\n      }\n    }\n  }\n}\n.calendar-month {\n  margin-bottom: 80px;\n  .section-1 {\n    padding-top: 30px;\n    @include breakpoint(sm) {\n      margin-top: 50px;\n    }\n  }\n  .cal-key-cont {\n    display: flex;\n    justify-content: flex-end;\n    margin-top: 35px;\n    margin-bottom: 30px;\n    .calendar-key:last-of-type .event-key {\n      margin-right: 0;\n    }\n    @include breakpoint(sm) {\n      display: none;\n    }\n  }\n  .month-view {\n    padding-left: 30px;\n    padding-right: 30px;\n    padding-top: 20px;\n    @include breakpoint(sm) {\n      padding-left: 0;\n      padding-right: 0;\n    }\n    h3 {\n      color: #000;\n      font-size: 42px;\n      line-height: 44px;\n      margin-bottom: 30px;\n      text-transform: none;\n      @include breakpoint(sm) {\n        padding-left: 55px;\n        padding-right: 55px;\n      }\n    }\n    .day-view {\n      padding-bottom: 85px;\n      @include breakpoint(sm) {\n        padding-bottom: 30px;\n      }\n    }\n  }\n  .card {\n    padding: 0;\n    box-shadow: none !important;\n    .card-header {\n      display: none;\n    }\n    .card-block {\n      .row > .col-sm-12 > .row {\n        display: none;\n      }\n      .full-calendar-body {\n        margin-top: 0;\n        .weeks {\n          border-top: 1px solid #efefef;\n          border-bottom: 1px solid #efefef;\n          .week {\n            font-size: 10px;\n            color: #cfd5da;\n            font-weight: normal;\n            padding-top: 25px;\n            padding-bottom: 25px;\n            text-transform: uppercase;\n            border-left: none;\n            border-right: none;\n          }\n        }\n        .week-row {\n          border-color: #efefef;\n          .day-cell {\n            padding: 5px 5px;\n            min-height: 150px;\n            @include breakpoint(sm) {\n              min-height: 100px;\n              border: none;\n              > .row > .col-sm-6 {\n                &:first-of-type {\n                  display: none;\n                }\n                &:last-of-type {\n                  width: 100%;\n                }\n              }\n            }\n          }\n\n          .today {\n            background-color: #fff;\n            .day-number {\n              border-radius: 50%;\n              background-color: #fbc301;\n              color: #fff;\n              padding-top: 0;\n              padding-right: 0;\n            }\n          }\n          .event-box {\n            .card-header {\n              display: block !important;\n              font-size: 14px;\n              padding: 8px 15px;\n              border-bottom: none;\n              @include breakpoint(sm) {\n                display: none;\n              }\n            }\n            .card {\n              box-shadow: none !important;\n              @include breakpoint(sm) {\n                width: 13px;\n                height: 13px;\n                border: none !important;\n                border-radius: 50%;\n                background-color: #636363 !important;\n                margin: 0 auto;\n              }\n              &.card-Gideon {\n                background-color: #f1f4f5;\n                border-left: 5px solid #003946;\n                .card-header {\n                  color: #003946;\n                }\n              }\n              &.card-Auxillary {\n                background-color: #fef4f1;\n                border-left: 5px solid #fb4401;\n                .card-header {\n                  color: #fb4401;\n                }\n              }\n              &.card-Both {\n                background-color: #f3f1f5;\n                border-left: 5px solid #2a0049;\n                .card-header {\n                  color: #2a0049;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StateCalendarEvent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StateCalendarEvent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StateCalendarEvent.vue?vue&type=template&id=1e5701a0&\"\nimport script from \"./StateCalendarEvent.vue?vue&type=script&lang=js&\"\nexport * from \"./StateCalendarEvent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StateCalendarEvent.vue?vue&type=style&index=0&id=1e5701a0&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StateCalendarEvent.vue?vue&type=style&index=0&id=1e5701a0&prod&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('footer',{staticClass:\"page-footer container\",class:{}},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <footer class=\"page-footer container\" :class=\"{}\">\n    <slot></slot>\n  </footer>\n  <!-- / Page Footer -->\n</template>\n\n<script>\nexport default {\n  props: {\n    classes: Array\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageFooter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageFooter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageFooter.vue?vue&type=template&id=7d8001bb&\"\nimport script from \"./PageFooter.vue?vue&type=script&lang=js&\"\nexport * from \"./PageFooter.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}