{"version":3,"sources":["webpack:///./src/views/rake_link.vue?e80b","webpack:///src/views/rake_link.vue","webpack:///./src/views/rake_link.vue?98d3","webpack:///./src/views/rake_link.vue","webpack:///./src/views/rake_link.vue?127f","webpack:///./node_modules/vuetify/lib/components/VSystemBar/VSystemBar.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_l","rake","index","key","id","height","lightsOut","window","_s","name","trains","moveChecker","on","dragStart","dragEnd","slot","train","style","props","staticStyle","data","org","getFormattedTime","dep","train_no","arr","dest","unlinked_trains","element","rakes","staticRenderFns","pickColor","col","components","draggable","search","valid","errors","train_loading","isLoading","summary","computed","initialize","methods","a","defaults","headers","common","localStorage","getItem","get","then","response","rakewise_trains","groupBy","sortBy","forEach","value","type","orientation","className","v","k","backgroundColor","fontSize","push","console","log","getSummary","catch","e","evt","t","lt","format","testDateUtc","utc","localDate","local","Math","abs","act_arr","x","late_arr","s","round","component","VCard","VCol","VContainer","VFlex","VIcon","VRow","VSystemBar","extend","Number","String","Boolean","absolute","app","fixed","themeClasses","isNaN","parseInt","computedHeight","$el","clientHeight","h","class","classes","styles","$listeners","setBackgroundColor","color"],"mappings":"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","file":"js/chunk-0134de74.c3f63ea8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-flex',{staticClass:\"pa-3\"},[_c('v-card',[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"4\"}},[_vm._v(\"\\n        Rake Link\\n      \")])],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('div',{staticClass:\"rake_container\",attrs:{\"id\":\"rakes\"}},[_vm._l((_vm.rakes),function(rake,index){return [_c('v-card',{key:rake.id,staticClass:\"my-4\"},[_c('v-system-bar',{attrs:{\"color\":\"cornflowerblue\",\"height\":_vm.height,\"lights-out\":_vm.lightsOut,\"window\":_vm.window}},[_c('v-icon',[_vm._v(\"train\")]),_c('span',[_vm._v(\"Link No \"+_vm._s(rake.name))])],1),_c('draggable',{key:rake.id,attrs:{\"list\":rake.trains,\"id\":rake.id,\"scroll-sensitivity\":200,\"force-fallback\":true,\"group\":\"rake\",\"animation\":\"150\",\"multi-drag\":true,\"selected-class\":\"multi-drag\",\"ghost-class\":\"ghost\",\"move\":_vm.moveChecker},on:{\"start\":_vm.dragStart,\"end\":_vm.dragEnd}},[_c('transition-group',{staticClass:\"grid\",attrs:{\"tag\":\"div\",\"name\":\"grid\"}},[_c('div',{staticClass:\"cell\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('button',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(\"Add\")])]),_vm._l((rake.trains),function(train,index){return _c('div',{key:train.id,staticClass:\"cell\",style:(train.props.style)},[_c('div',{staticStyle:{\"padding\":\"5px\"}},[_c('div',[_vm._v(_vm._s(train.data.org))]),_c('div',[_vm._v(_vm._s(_vm.getFormattedTime(train.data.dep)))]),_c('div',[_vm._v(_vm._s(train.data.train_no))]),_c('div',[_vm._v(_vm._s(_vm.getFormattedTime(train.data.arr)))]),_c('div',[_vm._v(_vm._s(train.data.dest))])])])})],2)],1)],1)]})],2)]),_c('v-col',{attrs:{\"cols\":\"2\"}},[_c('div',{staticClass:\"rake_container\",attrs:{\"id\":\"unlinked_trains\"}},[_c('h3',[_vm._v(\"Unlinked Trains\")]),_c('draggable',{staticClass:\"list-group\",attrs:{\"list\":_vm.unlinked_trains,\"group\":\"rake\"}},[_vm._l((_vm.unlinked_trains),function(element){return _c('div',{key:element.train_no,staticClass:\"list-group-item item\",attrs:{\"force-fallback\":true}},[_vm._v(\"\\n       \"+_vm._s(element.train_no)+\" \"+_vm._s(element.org)+\" \"+_vm._s(_vm.getFormattedTime(element.dep))+\" \"+_vm._s(element.dest)+\" \"+_vm._s(_vm.getFormattedTime(element.arr))+\"\\n     \")])}),_c('div',{staticClass:\"btn-group list-group-item\",attrs:{\"slot\":\"header\",\"role\":\"group\",\"aria-label\":\"Basic example\"},slot:\"header\"},[_c('button',{staticClass:\"btn btn-secondary\"},[_vm._v(\"Add\")]),_c('button',{staticClass:\"btn btn-secondary\"},[_vm._v(\"Replace\")])])],2)],1)]),_c('v-col',{attrs:{\"cols\":\"2\"}},[_vm._v(\"\\n\"+_vm._s(_vm.rakes)+\"\\n\")]),_c('v-col',{attrs:{\"cols\":\"2\"}},[_vm._v(\"\\n \"+_vm._s(_vm.unlinked_trains)+\"\\n \")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container fluid>\r\n  <v-flex class=\"pa-3\">\r\n    <v-card>\r\n      <v-col cols=\"12\" sm=\"6\" md=\"4\">\r\n        Rake Link\r\n      </v-col>\r\n    </v-card>\r\n    <v-row>\r\n    <v-col cols=\"6\">\r\n    <div id=\"rakes\" class=\"rake_container\">\r\n    <template v-for=\"(rake,index) in rakes\" class=\"draggable-element\">\r\n      <v-card class=\"my-4\" :key=\"rake.id\">\r\n        <v-system-bar\r\n          color=\"cornflowerblue\"\r\n          :height=\"height\"\r\n          :lights-out=\"lightsOut\"\r\n          :window=\"window\"\r\n        >\r\n          <v-icon>train</v-icon>\r\n          <span>Link No {{ rake.name}}</span>\r\n        </v-system-bar>\r\n     <draggable\r\n     :key=\"rake.id\"\r\n     :list=\"rake.trains\"\r\n     :id=\"rake.id\"\r\n     :scroll-sensitivity=\"200\"\r\n     :force-fallback=\"true\"\r\n     group=\"rake\"\r\n     animation=\"150\"\r\n     :multi-drag=\"true\"\r\n     selected-class=\"multi-drag\"\r\n     ghost-class=\"ghost\"\r\n     :move=\"moveChecker\"\r\n     @start=\"dragStart\"\r\n     @end=\"dragEnd\"\r\n     >\r\n       <transition-group tag=\"div\" class=\"grid\" name=\"grid\">\r\n         <div slot=\"header\" class=\"cell\">\r\n            <button slot=\"header\">Add</button>\r\n         </div>\r\n         <div class=\"cell\" :style =\"train.props.style\" v-for=\"(train, index) in rake.trains\" :key=\"train.id\">\r\n           <div style=\"padding: 5px;\">\r\n           <div>{{train.data.org}}</div>\r\n           <div>{{getFormattedTime(train.data.dep)}}</div>\r\n           <div>{{train.data.train_no}}</div>\r\n           <div>{{getFormattedTime(train.data.arr)}}</div>\r\n           <div>{{train.data.dest}}</div>\r\n         </div>\r\n         </div>\r\n       </transition-group>\r\n\r\n     </draggable>\r\n     </v-card>\r\n     </template>\r\n   </div>\r\n </v-col>\r\n   <v-col cols=\"2\">\r\n     <div id=\"unlinked_trains\" class=\"rake_container\">\r\n   <h3>Unlinked Trains</h3>\r\n\r\n   <draggable :list=\"unlinked_trains\" class=\"list-group\" group=\"rake\">\r\n     <div\r\n       class=\"list-group-item item\"\r\n       v-for=\"element in unlinked_trains\"\r\n       :key=\"element.train_no\"\r\n       :force-fallback=\"true\"\r\n     >\r\n       {{ element.train_no }} {{ element.org }} {{getFormattedTime(element.dep)}} {{ element.dest }} {{getFormattedTime(element.arr)}}\r\n     </div>\r\n\r\n     <div\r\n       slot=\"header\"\r\n       class=\"btn-group list-group-item\"\r\n       role=\"group\"\r\n       aria-label=\"Basic example\"\r\n     >\r\n       <button class=\"btn btn-secondary\" >Add</button>\r\n       <button class=\"btn btn-secondary\">Replace</button>\r\n     </div>\r\n   </draggable>\r\n </div>\r\n</v-col>\r\n<v-col cols=\"2\">\r\n{{rakes}}\r\n</v-col>\r\n<v-col cols=\"2\">\r\n {{unlinked_trains}}\r\n </v-col>\r\n</v-row>\r\n </v-flex>\r\n</v-container>\r\n</template>\r\n\r\n<script>\r\nimport draggable from \"vuedraggable\";\r\nimport axios from 'axios'\r\nimport moment from 'moment'\r\nimport _ from 'lodash'\r\nimport {\r\n  mapState,\r\n  mapGetter,\r\n  mapActions\r\n} from 'vuex'\r\n\r\nconst cardColors = [\r\n  'azure',\r\n  'beige',\r\n  'bisque',\r\n  'blanchedalmond',\r\n  'burlywood',\r\n  'cornsilk',\r\n  'gainsboro',\r\n  'ghostwhite',\r\n  'ivory',\r\n  'khaki'\r\n]\r\nconst pickColor = (train_no) => {\r\n  const col = train_no % 2 == 0 ? 'lightsalmon' : 'lightblue'\r\n  return col\r\n}\r\nexport default {\r\n  name: 'rake_link',\r\n  components: {\r\n      draggable,\r\n  },\r\n  data() {\r\n    return {\r\n      height: 30,\r\n      lightsOut: false,\r\n      window: false,\r\n      rakes: {},\r\n      search: '',\r\n      valid: false,\r\n      errors: [],\r\n      train: {},\r\n      train_loading: false,\r\n      trains: [],\r\n      unlinked_trains: [],\r\n      isLoading: false,\r\n      summary: {}\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapState(['curDeviceId', 'curDeviceName', 'curTrainNo', 'curTrainDate', 'curOrg', 'curArr', 'curDest', 'curDep','curCrewId',\r\n     'actDep', 'actArr','curStartDate','curEndDate',]),\r\n  },\r\n\r\n\r\n  created() {\r\n    this.initialize()\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions(['updateCurDeviceId', 'updateCurDeviceName', 'updateCurTrainNo', 'updateCurTrainDate', 'updateCurOrg', 'updateCurCrewId',\r\n     'updateCurArr', 'updateCurDest', 'updateCurDep', 'updateActDep', 'updateActArr','updateCurStartDate','updateCurEndDate']),\r\n    initialize() {\r\n      this.isLoading = true\r\n      this.trains = []\r\n      axios.defaults.headers.common['Authorization'] = localStorage.getItem('jwtToken')\r\n      axios.get(`${process.env.VUE_APP_API_URL}/rakelink/rakelink`)\r\n        .then(response => {\r\n        //  console.log(response);\r\n          this.trains = response.data\r\n          var rakewise_trains =_.groupBy( _.sortBy(response.data, 'dep'), 'rake_no')\r\n        //    console.log(rakewise_trains)\r\n            var rakes ={}\r\n          _.forEach(rakewise_trains, function(value, key) {\r\n        //       console.log(key);\r\n               var rake = {\r\n                 type: 'container',\r\n                 id: value[0]['rake_no'],\r\n                 name: value[0]['rake_no'],\r\n                 props: {\r\n                   orientation: 'vertical',\r\n                   className: 'card-container'\r\n                 },\r\n                 trains: []\r\n               }\r\n               _.forEach(value, function(v, k) {\r\n            //        console.log(k,v);\r\n                    var train = {\r\n                      type: 'draggable',\r\n                      id: `${v['train_no']}`,\r\n                      props: {\r\n                        className: 'card',\r\n                        style: {backgroundColor: pickColor(v['train_no']),fontSize: '12px'}\r\n                      },\r\n                      data: {\r\n                        train_no: v['train_no'],\r\n                        dep: v['dep'],\r\n                        org: v['org'],\r\n                        dest: v['dest'],\r\n                        arr: v['arr']\r\n                      }\r\n                    }\r\n                    rake.trains.push(train)\r\n               });\r\n               rakes[rake.id] = rake\r\n          });\r\n          this.rakes = rakes\r\n          console.log(this.rakes)\r\n          this.summary = this.getSummary(response.data)\r\n          this.isLoading = false\r\n        })\r\n        .catch(e => {\r\n          console.log(e)\r\n          this.isLoading = false\r\n        })\r\n\r\n        axios.get(`${process.env.VUE_APP_API_URL}/rakelink/unlinked_trains`)\r\n          .then(response => {\r\n          //  console.log(response);\r\n            this.unlinked_trains = response.data\r\n          })\r\n          .catch(e => {\r\n            console.log(e)\r\n            })\r\n    },\r\n    moveChecker() {\r\n\r\n    },\r\n    dragStart() {\r\n\r\n    },\r\n    dragEnd(evt) {\r\n      console.log(evt)\r\n\r\n    },\r\n\r\n      //update traccar_db.device_train_map set dep = addtime(train_date, time(dep)), arr = addtime(train_date, time(arr));\r\n    //update traccar_db.device_train_map set arr = adddate(arr, 1) where arr < dep;\r\n  getFormattedDate(t) {\r\n      if (t) {\r\n        var lt = moment(t).format(\"YYYY-MM-DD HH:mm:ss\")\r\n        var testDateUtc = moment.utc(lt);\r\n        var localDate = moment(testDateUtc).local();\r\n        return localDate.format(\"DD/MM/YYYY\")\r\n      } else {\r\n        return '--'\r\n      }\r\n    },\r\n    getFormattedTime(t) {\r\n      if (t !== '--') {\r\n       //  var lt = moment(t).format(\"YYYY-MM-DD HH:mm:ss\")\r\n       //  var testDateUtc = moment.utc(lt);\r\n       // var localDate = moment(testDateUtc).local();\r\n       //  return moment(localDate).format(\"HH:mm:ss\")\r\n       return moment(t,\"HH:mm:ss\").format(\"HH:mm\")\r\n      }\r\n    },\r\n    getFormattedTimeSec(t) {\r\n      if (t < 0) {\r\n        return '-' + moment.utc(Math.abs(t) * 1000).format('HH:mm:ss')\r\n      } else {\r\n        return moment.utc(Math.abs(t) * 1000).format('HH:mm:ss')\r\n      }\r\n    },\r\n\r\n    getColour(train) {\r\n      if (train.act_arr) {\r\n        let x = train.late_arr / 60\r\n        switch (true) {\r\n          case (x < 1):\r\n            return 'green'\r\n            break;\r\n          case (x < 5):\r\n            return '#6B8E23'\r\n            break;\r\n          case (x < 11):\r\n            return 'blue'\r\n            break;\r\n          case (x < 21):\r\n            return 'orange'\r\n            break;\r\n          case (x < 31):\r\n            return '#FF1493'\r\n            break;\r\n          case (x < 1000):\r\n            return 'red'\r\n            break;\r\n          default:\r\n            return '#F5DEB3'\r\n            break;\r\n        }\r\n      }\r\n    },\r\n    getSummaryColour(s) {\r\n      return s == \"more than 30\" ? 'red' :\r\n        s == \"21 to 30\" ? '#FF1493' :\r\n        s == \"11 to 20\" ? 'orange' :\r\n        s == \"5 to 10\" ? 'blue' :\r\n        s == \"less than 5\" ? '#6B8E23' :\r\n        s == \"Right Time\" ? 'green' :\r\n        s == \"total late\" ? '#A52A2A' :\r\n        s == \"total train\" ? '#D2691E' :\r\n        s == \"Puctuality\" ? '#8A2BE2' :\r\n        '#F5DEB3'\r\n    },\r\n    getSummary(trains) {\r\n      let summary = {\r\n        \"Right Time\": 0,\r\n        \"less than 5\": 0,\r\n        \"5 to 10\": 0,\r\n        \"11 to 20\": 0,\r\n        \"21 to 30\": 0,\r\n        \"more than 30\": 0,\r\n        \"total late\": 0,\r\n        \"total train\": 0,\r\n        \"Puctuality\": 0\r\n      }\r\n      _.forEach(trains, (train) => {\r\n        if (train.act_arr) {\r\n          let x = train.late_arr / 60\r\n          switch (true) {\r\n            case (x < 1):\r\n              summary[\"Right Time\"]++;\r\n              summary[\"total train\"]++;\r\n              break;\r\n            case (x < 5):\r\n              summary[\"less than 5\"]++;\r\n              summary[\"Right Time\"]++;\r\n              summary[\"total train\"]++;\r\n              break;\r\n            case (x < 11):\r\n              summary[\"5 to 10\"]++;\r\n              summary[\"total late\"]++;\r\n              summary[\"total train\"]++;\r\n              break;\r\n            case (x < 21):\r\n              summary[\"11 to 20\"]++;\r\n              summary[\"total late\"]++;\r\n              summary[\"total train\"]++;\r\n              break;\r\n            case (x < 31):\r\n              summary[\"21 to 30\"]++;\r\n              summary[\"total late\"]++;\r\n              summary[\"total train\"]++;\r\n              break;\r\n            case (x < 1000):\r\n              summary[\"more than 30\"]++;\r\n              summary[\"total late\"]++;\r\n              summary[\"total train\"]++;\r\n              break;\r\n            default:\r\n              break;\r\n          }\r\n        }\r\n      })\r\n      summary[\"Puctuality\"] = Math.round((summary[\"Right Time\"] / summary[\"total train\"]) * 100, 2)\r\n      return summary\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n/* .rake_container {\r\n  max-height: 500px;\r\n} */\r\n.grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(20, 80px);\r\n  grid-template-rows: repeat(1, 100px);\r\n  grid-gap: 0.2em;\r\n}\r\n\r\n.grid-move {\r\n  transition: all 0.3s;\r\n}\r\n\r\n.cell {\r\n  background-color: lightblue;\r\n  display: flex;\r\n  padding: 2em;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\ntd, th{\r\n  padding: 5px !important;\r\n}\r\n\r\nh2{\r\n  font-size: 1.3em;\r\n  font-weight: 500;\r\n}\r\n\r\np{\r\n  margin: 0;\r\n  font-size: 14px;\r\n}\r\n\r\n.v-toolbar__title{\r\n  font-size: 1.2em;\r\n}\r\n\r\n.v-list__item__subtitle {\r\n  font-size: 0.8em;\r\n}\r\n\r\n.v-list{\r\n  border-bottom: 1px #f1f1f1 solid;\r\n}\r\n\r\n.inline{\r\n  display: inline;\r\n}\r\n\r\n.button-section-space-between{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.instructions-wrapper{\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n}\r\n\r\n.chip-text{\r\n  padding: 0;\r\n  margin: 0;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n}\r\n\r\n.v-autocomplete{\r\n  font-size: 13px;\r\n  max-width: 150px;\r\n}\r\n\r\n.v-autocomplete-wrapper{\r\n  display: flex;\r\n  justify-content: center;\r\n  height: 100%;\r\n}\r\n\r\n.list-group{\r\n  cursor: grab;\r\n}\r\n\r\n.draggable-element{\r\n  background-color: royalblue;\r\n}\r\n\r\n.ghost {\r\n  opacity: 0.5;\r\n  background: #c8ebfb;\r\n}\r\n\r\n.multi-drag {\r\n  opacity: 0.5;\r\n  background-color: red;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rake_link.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rake_link.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./rake_link.vue?vue&type=template&id=cfc27eb6&\"\nimport script from \"./rake_link.vue?vue&type=script&lang=js&\"\nexport * from \"./rake_link.vue?vue&type=script&lang=js&\"\nimport style0 from \"./rake_link.vue?vue&type=style&index=0&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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSystemBar } from 'vuetify/lib/components/VSystemBar';\ninstallComponents(component, {VCard,VCol,VContainer,VFlex,VIcon,VRow,VSystemBar})\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rake_link.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rake_link.vue?vue&type=style&index=0&lang=css&\"","// Styles\nimport \"../../../src/components/VSystemBar/VSystemBar.sass\"; // Mixins\n\nimport Applicationable from '../../mixins/applicationable';\nimport Colorable from '../../mixins/colorable';\nimport Themeable from '../../mixins/themeable'; // Utilities\n\nimport mixins from '../../util/mixins';\nimport { convertToUnit, getSlot } from '../../util/helpers';\nexport default mixins(Applicationable('bar', ['height', 'window']), Colorable, Themeable\n/* @vue/component */\n).extend({\n  name: 'v-system-bar',\n  props: {\n    height: [Number, String],\n    lightsOut: Boolean,\n    window: Boolean\n  },\n  computed: {\n    classes() {\n      return {\n        'v-system-bar--lights-out': this.lightsOut,\n        'v-system-bar--absolute': this.absolute,\n        'v-system-bar--fixed': !this.absolute && (this.app || this.fixed),\n        'v-system-bar--window': this.window,\n        ...this.themeClasses\n      };\n    },\n\n    computedHeight() {\n      if (this.height) {\n        return isNaN(parseInt(this.height)) ? this.height : parseInt(this.height);\n      }\n\n      return this.window ? 32 : 24;\n    },\n\n    styles() {\n      return {\n        height: convertToUnit(this.computedHeight)\n      };\n    }\n\n  },\n  methods: {\n    updateApplication() {\n      return this.$el ? this.$el.clientHeight : this.computedHeight;\n    }\n\n  },\n\n  render(h) {\n    const data = {\n      staticClass: 'v-system-bar',\n      class: this.classes,\n      style: this.styles,\n      on: this.$listeners\n    };\n    return h('div', this.setBackgroundColor(this.color, data), getSlot(this));\n  }\n\n});\n//# sourceMappingURL=VSystemBar.js.map"],"sourceRoot":""}