{"version":3,"sources":["webpack:///./src/components/kalendar/kalendar-day.vue?ec74","webpack:///./node_modules/date-fns/is_today/index.js","webpack:///./src/components/kalendar/kalendar-weekview.vue?3beb","webpack:///./node_modules/date-fns/is_before/index.js","webpack:///./node_modules/date-fns/is_weekend/index.js","webpack:///./src/components/kalendar/kalendar-weekview.vue?c4fd","webpack:///./src/components/kalendar/kalendar-day.vue?d9da","webpack:///src/components/kalendar/kalendar-day.vue","webpack:///./src/components/kalendar/kalendar-day.vue?dd9b","webpack:///./src/components/kalendar/kalendar-day.vue?6d4e","webpack:///src/components/kalendar/kalendar-weekview.vue","webpack:///./src/components/kalendar/kalendar-weekview.vue?32fc","webpack:///./src/components/kalendar/kalendar-weekview.vue?318a"],"names":["startOfDay","isToday","dirtyDate","getTime","Date","module","exports","parse","isBefore","dirtyDateToCompare","date","dateToCompare","isWeekend","day","getDay","render","_vm","this","_h","$createElement","_c","_self","staticClass","style","colsSpace","attrs","_l","days","ref","index","key","class","_isToday","_v","calendarOptions","cell_height","_e","hours","hour","hourHeight","_s","formatDate","hour_format","directives","name","rawName","value","expression","passedtime","appointments","percentage","on","updateAppointments","deleteAppointment","staticRenderFns","currently_working_on_date","staticStyle","clearCreatingLeftovers","quarter","creator","$event","updateCreator","resetEvents","initiatePopup","passedTime","props","components","kalendarCell","inject","scrollToNow","scrollView","computed","current_day","data","creating","starting_cell_index","current_cell_index","appointment_id","status","methods","existing_appointments","$delete","payload","event_type","selectCell","ending_cell_index","_ending_index","id","start","end","$emit","date_hours","forEach","is_in_range","topoffset","$refs","nowIndicator","offsetTop","console","log","setTimeout","window","scroll","top","left","behavior","watch","val","component","KalendarDays","setInterval","now","split_value","time","hours_minutes","split","minutes","oret","mintosec","parseInt","htosec","seconds","x","military_time","_format","how"],"mappings":"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","file":"js/chunk-6966d8bd.7e7f6b97.js","sourcesContent":["import mod 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/lib/loader.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!./kalendar-day.vue?vue&type=style&index=0&lang=scss&\"; export default mod; 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/lib/loader.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!./kalendar-day.vue?vue&type=style&index=0&lang=scss&\"","var startOfDay = require('../start_of_day/index.js')\n\n/**\n * @category Day Helpers\n * @summary Is the given date today?\n *\n * @description\n * Is the given date today?\n *\n * @param {Date|String|Number} date - the date to check\n * @returns {Boolean} the date is today\n *\n * @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * var result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\nfunction isToday (dirtyDate) {\n  return startOfDay(dirtyDate).getTime() === startOfDay(new Date()).getTime()\n}\n\nmodule.exports = isToday\n","import mod 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/lib/loader.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!./kalendar-weekview.vue?vue&type=style&index=0&lang=scss&\"; export default mod; 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/lib/loader.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!./kalendar-weekview.vue?vue&type=style&index=0&lang=scss&\"","var parse = require('../parse/index.js')\n\n/**\n * @category Common Helpers\n * @summary Is the first date before the second one?\n *\n * @description\n * Is the first date before the second one?\n *\n * @param {Date|String|Number} date - the date that should be before the other one to return true\n * @param {Date|String|Number} dateToCompare - the date to compare with\n * @returns {Boolean} the first date is before the second date\n *\n * @example\n * // Is 10 July 1989 before 11 February 1987?\n * var result = isBefore(new Date(1989, 6, 10), new Date(1987, 1, 11))\n * //=> false\n */\nfunction isBefore (dirtyDate, dirtyDateToCompare) {\n  var date = parse(dirtyDate)\n  var dateToCompare = parse(dirtyDateToCompare)\n  return date.getTime() < dateToCompare.getTime()\n}\n\nmodule.exports = isBefore\n","var parse = require('../parse/index.js')\n\n/**\n * @category Weekday Helpers\n * @summary Does the given date fall on a weekend?\n *\n * @description\n * Does the given date fall on a weekend?\n *\n * @param {Date|String|Number} date - the date to check\n * @returns {Boolean} the date falls on a weekend\n *\n * @example\n * // Does 5 October 2014 fall on a weekend?\n * var result = isWeekend(new Date(2014, 9, 5))\n * //=> true\n */\nfunction isWeekend (dirtyDate) {\n  var date = parse(dirtyDate)\n  var day = date.getDay()\n  return day === 0 || day === 6\n}\n\nmodule.exports = isWeekend\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"calendar-wrap\",style:((\"--space-between-cols: \" + _vm.colsSpace))},[_c('div',{staticClass:\"sticky-top\"},[_c('portal-target',{attrs:{\"name\":\"week-navigator-place\"}}),_c('ul',{staticClass:\"days\"},_vm._l(((_vm.days || [])),function(ref,index){\nvar date = ref.date;\nreturn _c('li',{key:index,staticClass:\"day-indicator\",class:{'today': _vm._isToday(date), 'is-before': _vm.isBefore(date)}},[_c('portal-target',{attrs:{\"name\":\"number-date\",\"slot-props\":{ date: date },\"slim\":\"\"}}),_c('portal-target',{attrs:{\"name\":\"letters-date\",\"slot-props\":{ date: date },\"slim\":\"\"}})],1)}),0),_c('ul',{staticClass:\"all-day\"},[_c('span',[_vm._v(\"All Day\")]),_vm._l(((_vm.days || [])),function(date,index){return _c('li',{key:index,class:{'all-today': _vm._isToday(date), 'is-all-day': false},style:((\"height:\" + (_vm.calendarOptions.cell_height + 5) + \"px\"))})})],2)],1),(false)?_c('div',{staticClass:\"dummy-row\"},[_c('ul',{staticClass:\"dummy-days\"},_vm._l(((_vm.days || [])),function(day,index){return _c('li',{key:index,style:((\"height:\" + (_vm.calendarOptions.cell_height) + \"px\"))})}),0)]):_vm._e(),_c('div',{staticClass:\"blocks\"},[_c('div',{staticClass:\"calendar-blocks\"},[_c('ul',{staticClass:\"hours\"},_vm._l(((_vm.hours || [])),function(hour,index){return _c('li',{key:index,staticClass:\"hour-row-identifier\",style:((\"height:\" + _vm.hourHeight + \"px\"))},[_c('span',[_vm._v(_vm._s(_vm.formatDate(hour, _vm.hour_format)))])])}),0),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.calendarOptions.style !== 'material_design'),expression:\"calendarOptions.style !== 'material_design'\"}],staticClass:\"hour-indicator-line\",style:((\"top:calc(\" + (_vm.passedtime.percentage) + \"% - 5px)\"))},[_c('span',{staticClass:\"time-value\"},[_vm._v(_vm._s(_vm.passedtime.value))]),_c('span',{staticClass:\"line\"})]),_vm._l((_vm.days),function(day,index){return _c('kalendar-days',{key:index,staticClass:\"building-blocks\",attrs:{\"day\":day,\"appointments\":_vm.appointments,\"passed-time\":_vm.passedtime.percentage},on:{\"updateAppointments\":_vm.updateAppointments,\"deleteAppointment\":_vm.deleteAppointment}})})],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"kalendar-day\",class:{'is-weekend': _vm.isWeekend, 'is-today': _vm.isToday, 'creating': _vm.calendarOptions.currently_working_on_date === _vm.day.date},staticStyle:{\"position\":\"relative\"},on:{\"mouseleave\":_vm.clearCreatingLeftovers}},[_vm._l((_vm.day.date_hours),function(quarter,index){return _c('kalendar-cell',{key:((_vm.day.date) + \"_\" + index),attrs:{\"creator\":_vm.creator,\"day\":_vm.day,\"index\":index,\"cell-data\":quarter},on:{\"update:cellData\":function($event){quarter=$event},\"update:cell-data\":function($event){quarter=$event},\"select\":_vm.updateCreator,\"reset\":function($event){return _vm.resetEvents()},\"initiatePopup\":function($event){return _vm.initiatePopup()}}})}),(_vm.isToday)?_c('div',{ref:\"nowIndicator\",class:_vm.calendarOptions.style === 'material_design' ? 'hour-indicator-line' : 'hour-indicator-tooltip',style:((\"top:calc(\" + _vm.passedTime + \"% - 5px)\"))},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.calendarOptions.style === 'material_design'),expression:\"calendarOptions.style === 'material_design'\"}],staticClass:\"line\"})]):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <ul style=\"position: relative;\" @mouseleave=\"clearCreatingLeftovers\" :class=\"{'is-weekend': isWeekend, 'is-today': isToday, 'creating': calendarOptions.currently_working_on_date === day.date}\" class=\"kalendar-day\">\r\n    <kalendar-cell v-for=\"(quarter, index) in day.date_hours\" :key=\"`${day.date}_${index}`\" :creator=\"creator\" :day=\"day\" :index=\"index\" :cell-data.sync=\"quarter\" @select=\"updateCreator\" @reset=\"resetEvents()\" @initiatePopup=\"initiatePopup()\" />\r\n    <div ref=\"nowIndicator\" :class=\"calendarOptions.style === 'material_design' ? 'hour-indicator-line' : 'hour-indicator-tooltip'\" v-if=\"isToday\" :style=\"`top:calc(${passedTime}% - 5px)`\">\r\n      <span class=\"line\" v-show=\"calendarOptions.style === 'material_design'\"></span>\r\n    </div>\r\n  </ul>\r\n</template>\r\n<script>\r\nimport isWeekend from 'date-fns/is_weekend';\r\nimport isToday from 'date-fns/is_today';\r\nimport format from 'date-fns/format';\r\n\r\nexport default {\r\n  props: ['day', 'passedTime'],\r\n  components: {\r\n    kalendarCell: () =>\r\n      import ('./kalendar-cell.vue'),\r\n  },\r\n  inject: ['calendarOptions'],\r\n  mounted() {\r\n    if (this.scrollToNow && this.isToday) this.scrollView();\r\n  },\r\n  computed: {\r\n    isWeekend() {\r\n      return isWeekend(this.day.date);\r\n    },\r\n    isToday() {\r\n      return isToday(this.day.date);\r\n    },\r\n    currentDay() {\r\n      return this.calendarOptions.current_day;\r\n    },\r\n    scrollToNow() {\r\n      return this.calendarOptions.scrollToNow;\r\n    },\r\n  },\r\n  data: () => ({\r\n    creator: {\r\n      creating: false,\r\n      starting_cell_index: null,\r\n      current_cell_index: null,\r\n      appointment_id: null,\r\n      status: null,\r\n    },\r\n\r\n  }),\r\n  methods: {\r\n    resetEvents() {\r\n      if (!this.creator.creating && this.creator.status === null) return;\r\n      this.creator = {\r\n        creating: false,\r\n        starting_cell_index: null,\r\n        current_cell_index: null,\r\n        appointment_id: null,\r\n        status: null,\r\n      };\r\n      this.calendarOptions.currently_working_on_date = null;\r\n    },\r\n    clearCreatingLeftovers() {\r\n      let { existing_appointments } = this.calendarOptions;\r\n      for (let key in existing_appointments) {\r\n        if (existing_appointments[key]['status'] === 'creating') {\r\n          this.resetEvents();\r\n          this.$delete(existing_appointments, key);\r\n        }\r\n      }\r\n    },\r\n    updateCreator({ payload, index, event_type }) {\r\n      this.creator = payload;\r\n      this.selectCell(index);\r\n    },\r\n    selectCell(index, status = 'creating') {\r\n      if (!this.creator.creating) return;\r\n      let { creating, appointment_id, ending_cell_index, current_cell_index, starting_cell_index } = this.creator;\r\n      let _ending_index = ending_cell_index == null ? current_cell_index : ending_cell_index;\r\n      let payload = {\r\n        id: appointment_id,\r\n        data: {\r\n          start: starting_cell_index,\r\n          end: _ending_index,\r\n          status: status,\r\n        },\r\n      };\r\n      this.$emit('updateAppointments', payload);\r\n      if (creating) {\r\n        this.day.date_hours.forEach((hour, index) => {\r\n          let is_in_range = hour.index >= starting_cell_index && hour.index <= _ending_index;\r\n          if (is_in_range) {\r\n            this.day.date_hours[index] = { ...hour, ['appointment_id']: appointment_id };\r\n          } else if (hour['appointment_id'] === appointment_id && !is_in_range) {\r\n            this.day.date_hours[index] = { ...hour, ['appointment_id']: null };\r\n          }\r\n        });\r\n      }\r\n    },\r\n    initiatePopup() {\r\n      let { creating, appointment_id, ending_cell_index, current_cell_index, starting_cell_index } = this.creator;\r\n      let _ending_index = ending_cell_index == null ? current_cell_index : ending_cell_index;\r\n      let payload = {\r\n        id: appointment_id,\r\n        data: {\r\n          start: starting_cell_index,\r\n          end: _ending_index,\r\n          status: 'popup-initiated',\r\n        }\r\n      };\r\n      this.$emit('updateAppointments', payload);\r\n      this.creator = { ...this.creator, ['creating']: false };\r\n    },\r\n    scrollView() {\r\n      let topoffset = this.$refs.nowIndicator.offsetTop;\r\n      console.log('Scrolling to now.', topoffset);\r\n      setTimeout(() => {\r\n        window.scroll({ top: topoffset, left: 0, behavior: 'smooth' });\r\n      }, 500);\r\n    },\r\n  },\r\n  watch: {\r\n    scrollToNow(val) {\r\n      if (val && this.isToday) this.scrollView();\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\nul.kalendar-day {\r\n  position: relative;\r\n  background-color: white;\r\n  &.is-weekend {\r\n    background-color: var(--weekend-color);\r\n  }\r\n  &.is-today {\r\n    background-color: var(--current-day-color);\r\n  }\r\n  .clear {\r\n    position: absolute;\r\n    z-index: 1;\r\n    top: -20px;\r\n    right: 0;\r\n    font-size: 10px;\r\n  }\r\n  .creating {\r\n    z-index: 3;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./kalendar-day.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./kalendar-day.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./kalendar-day.vue?vue&type=template&id=994e5e1a&\"\nimport script from \"./kalendar-day.vue?vue&type=script&lang=js&\"\nexport * from \"./kalendar-day.vue?vue&type=script&lang=js&\"\nimport style0 from \"./kalendar-day.vue?vue&type=style&index=0&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","<template>\r\n  <div class=\"calendar-wrap\" :style=\"`--space-between-cols: ${colsSpace}`\">\r\n    <div class=\"sticky-top\">\r\n      <portal-target name=\"week-navigator-place\"></portal-target>\r\n      <ul class=\"days\">\r\n        <li class=\"day-indicator\" :key=\"index\" v-for=\"({date}, index) in (days || [])\" :class=\"{'today': _isToday(date), 'is-before': isBefore(date)}\">\r\n          <portal-target name=\"number-date\" :slot-props=\"{ date }\" slim></portal-target>\r\n          <portal-target name=\"letters-date\" :slot-props=\"{ date }\" slim></portal-target>\r\n        </li>\r\n      </ul>\r\n      <ul class=\"all-day\">\r\n        <span>All Day</span>\r\n        <li :key=\"index\" v-for=\"(date, index) in (days || [])\" :class=\"{'all-today': _isToday(date), 'is-all-day': false}\" :style=\"`height:${calendarOptions.cell_height + 5}px`\"></li>\r\n      </ul>\r\n    </div>\r\n    <div class=\"dummy-row\" v-if=\"false\">\r\n      <ul class=\"dummy-days\">\r\n        <li :key=\"index\" v-for=\"(day, index) in (days || [])\" :style=\"`height:${calendarOptions.cell_height}px`\"></li>\r\n      </ul>\r\n    </div>\r\n    <div class=\"blocks\">\r\n      <div class=\"calendar-blocks\">\r\n        <ul class=\"hours\">\r\n          <li class=\"hour-row-identifier\" :key=\"index\" v-for=\"(hour, index) in (hours || [])\" :style=\"`height:${hourHeight}px`\">\r\n            <span>{{formatDate(hour, hour_format)}}</span>\r\n          </li>\r\n        </ul>\r\n        <div v-show=\"calendarOptions.style !== 'material_design'\" class=\"hour-indicator-line\" :style=\"`top:calc(${passedtime.percentage}% - 5px)`\">\r\n          <span class=\"time-value\">{{passedtime.value}}</span>\r\n          <span class=\"line\"></span>\r\n        </div>\r\n        <kalendar-days :day=\"day\" class=\"building-blocks\" :key=\"index\" v-for=\"(day, index) in days\" :appointments=\"appointments\" :passed-time=\"passedtime.percentage\" @updateAppointments=\"updateAppointments\" @deleteAppointment=\"deleteAppointment\">\r\n        </kalendar-days>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport format from 'date-fns/format';\r\nimport isToday from 'date-fns/is_today';\r\nimport KalendarDays from './kalendar-day.vue';\r\nimport isBefore from 'date-fns/is_before';\r\n\r\nexport default {\r\n  components: {\r\n    KalendarDays,\r\n  },\r\n  props: ['days', 'hours'],\r\n  inject: ['calendarOptions'],\r\n  created() {\r\n    setInterval(() => this.calendarOptions.now = new Date, 1000 * 60);\r\n  },\r\n  computed: {\r\n    colsSpace() {\r\n      return this.calendarOptions.style === 'flat_design' ? '5px' : '0px';\r\n    },\r\n    hourHeight() {\r\n      return this.calendarOptions.cell_height * (60 / this.calendarOptions.split_value); // * this.calendarOptions.hour_parts;\r\n    },\r\n    passedtime() {\r\n      let time = format(this.calendarOptions.now, 'HH:mm');\r\n      let hours_minutes = time.split(':');\r\n      let minutes = hours_minutes[1],\r\n        oret = hours_minutes[0];\r\n      let mintosec = parseInt(minutes) * 60,\r\n        htosec = parseInt(oret) * 3600;\r\n      let seconds = mintosec + htosec;\r\n      let x = seconds / 864;\r\n      return { percentage: x, value: time };\r\n    },\r\n    appointments() {\r\n      return this.calendarOptions.existing_appointments;\r\n    },\r\n    hour_format() {\r\n      return this.calendarOptions.military_time ? 'HH:mm' : 'h A';\r\n    }\r\n  },\r\n  methods: {\r\n    formatDate(_format, how) {\r\n      return format(_format, how);\r\n    },\r\n    _isToday(day) {\r\n      return isToday(day);\r\n    },\r\n    updateAppointments({ id, data }) {\r\n      this.$emit('update', { id, data });\r\n    },\r\n    deleteAppointment(id) {\r\n      this.$emit('delete', { id });\r\n    },\r\n    clearAppointments() {\r\n      this.$emit('clear');\r\n    },\r\n    isBefore(day) {\r\n      return isBefore(day, this.calendarOptions.now);\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n$blue: #5FB3F2;\r\n$lblue: #D6EEFC;\r\n$dblue: #3D79B4;\r\n$lightgrey: #c7c9d5; //$lightgrey: #F5F4F5;\r\n$grey: #c7c9d5; //#C1C4C8;\r\n$a-grey: #666;\r\n$border-color: transparent;\r\n$theme-color: #e5e5e5;\r\n\r\n.calendar-wrap {\r\n  display: flex;\r\n  flex-direction: column;\r\n  ul {\r\n    list-style: none;\r\n    padding: 0px;\r\n    >li {\r\n      display: flex;\r\n    }\r\n  }\r\n}\r\n\r\n.sticky-top {\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 10;\r\n  background-color: white;\r\n  .days {\r\n    margin: 0px;\r\n    display: flex;\r\n    margin-left: 50px;\r\n    li {\r\n      display: inline-flex;\r\n      align-items: flex-end;\r\n      padding-top: 10px;\r\n      flex: 1;\r\n      font-size: 1.1rem;\r\n      color: $a-grey;\r\n      font-weight: 300;\r\n      margin-right: var(--space-between-cols);\r\n      border-bottom: solid 1px #e5e5e5;\r\n      padding-bottom: 5px;\r\n      position: relative;\r\n      font-size: 18px;\r\n      span {\r\n        margin-right: 3px;\r\n      }\r\n      span:first-child {\r\n        font-size: 20px;\r\n        font-weight: 500;\r\n      }\r\n    }\r\n    .today {\r\n      border-bottom-color: var(--main-color);\r\n      color: var(--main-color)!important;\r\n    }\r\n    .today::after {\r\n      content: '';\r\n      position: absolute;\r\n      height: 2px;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      background-color: var(--main-color);\r\n    }\r\n  }\r\n  .all-day {\r\n    display: flex;\r\n    margin-bottom: 0px; //border-top: solid 1px #e5e5e5;\r\n    margin-top: 0px;\r\n    border-bottom: solid 2px #e5e5e5;\r\n    span {\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 0px 5px;\r\n      width: 50px;\r\n      font-weight: 500;\r\n      font-size: .8rem;\r\n      color: darken($grey, 5);\r\n      text-transform: lowercase;\r\n    }\r\n    li {\r\n      flex: 1; //border-right: solid 5px $border-color;\r\n      margin-right: var(--space-between-cols);\r\n      &.all-today {\r\n        background-color: #FEF4F4;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.dummy-row {\r\n  display: flex;\r\n  padding-left: 50px;\r\n  ul {\r\n    display: flex;\r\n    flex: 1;\r\n    margin: 0px;\r\n  }\r\n  li {\r\n    flex: 1;\r\n    height: 15px; //border-right: solid 5px $border-color;\r\n    margin-right: var(--space-between-cols);\r\n    border-bottom: solid 1px #e5e5e5;\r\n  }\r\n}\r\n\r\n.blocks {\r\n  display: flex;\r\n  position: relative;\r\n  height: 100%;\r\n  ul {\r\n    margin-top: 0px;\r\n  }\r\n  .building-blocks {\r\n    flex: 1;\r\n    margin-right: var(--space-between-cols);\r\n    margin-bottom: 0px;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .calendar-blocks {\r\n    width: 100%;\r\n    display: flex;\r\n    position: relative;\r\n  }\r\n}\r\n\r\n.hours {\r\n  display: flex;\r\n  flex-direction: column;\r\n  color: darken($grey, 5);\r\n  font-weight: 500;\r\n  font-size: .85rem;\r\n  width: 50px;\r\n  height: 100%;\r\n  margin-bottom: 0px;\r\n  li {\r\n    color: var(--hour-row-color);\r\n    border-bottom: solid 1px $border-color;\r\n    padding-left: 8px;\r\n    span {\r\n      margin-top: -10px;\r\n    }\r\n    &:first-child span {\r\n      visibility: hidden;\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./kalendar-weekview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./kalendar-weekview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./kalendar-weekview.vue?vue&type=template&id=81fb1822&\"\nimport script from \"./kalendar-weekview.vue?vue&type=script&lang=js&\"\nexport * from \"./kalendar-weekview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./kalendar-weekview.vue?vue&type=style&index=0&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"],"sourceRoot":""}