{"version":3,"sources":["webpack:///./src/views/ConfigurationUserTop.vue?b4ad","webpack:///./src/components/TabNavigationPanel.vue?b8e1","webpack:///./src/components/TabNavigationPanel.vue?6b9c","webpack:///src/components/TabNavigationPanel.vue","webpack:///./src/components/TabNavigationPanel.vue?7544","webpack:///./src/components/TabNavigationPanel.vue","webpack:///./src/views/ConfigurationUserTop.vue?cd7b","webpack:///src/views/ConfigurationUserTop.vue","webpack:///./src/views/ConfigurationUserTop.vue?5711","webpack:///./src/views/ConfigurationUserTop.vue","webpack:///./src/views/ConfigurationUserTop.vue?cae0","webpack:///./src/components/TabNavigationPanel.vue?eae7"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","on","viewportMouseDown","viewportMouseMove","viewportMouseUp","_l","tab","index","key","attrs","navigateTo","scopedSlots","_u","fn","navigate","isExactActive","class","style","override","overrideStyle","_v","_s","label","staticRenderFns","name","props","tabs","type","Array","default","data","mounted","document","addEventListener","methods","pos","left","$refs","viewport","scrollLeft","top","scrollTop","x","e","clientX","y","clientY","active","cursor","userSelect","dy","dx","removeProperty","component","components","computed","watch","find"],"mappings":"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","file":"js/chunk-70a697b7.04efc5cf.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"userSelectColors-black\":\"#141414\",\"userSelectColors-charcoal\":\"#3c3c3c\",\"userSelectColors-blue\":\"#0099d9\",\"userSelectColors-red\":\"#ff5d5d\",\"userSelectColors-timeoff\":\"#5c5c5c\",\"userSelectColors-orange\":\"#ffc684\",\"userSelectColors-gray\":\"#c9c8c8\",\"userSelectColors-coolgray\":\"#4e4f50\",\"userSelectColors-ivory\":\"#e2ded0\",\"userSelectColors-bluegray\":\"#647c90\",\"userSelectColors-green\":\"#42b983\",\"userSelectColors-yellow\":\"#f6ff00\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"userSelectColors-black\":\"#141414\",\"userSelectColors-charcoal\":\"#3c3c3c\",\"userSelectColors-blue\":\"#0099d9\",\"userSelectColors-red\":\"#ff5d5d\",\"userSelectColors-timeoff\":\"#5c5c5c\",\"userSelectColors-orange\":\"#ffc684\",\"userSelectColors-gray\":\"#c9c8c8\",\"userSelectColors-coolgray\":\"#4e4f50\",\"userSelectColors-ivory\":\"#e2ded0\",\"userSelectColors-bluegray\":\"#647c90\",\"userSelectColors-green\":\"#42b983\",\"userSelectColors-yellow\":\"#f6ff00\"};","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tabnavigationpanel\"},[_c('div',{ref:\"viewport\",staticClass:\"tabnavigationpanel__tabs\",on:{\"mousedown\":_vm.viewportMouseDown,\"mousemove\":_vm.viewportMouseMove,\"mouseup\":_vm.viewportMouseUp}},_vm._l((_vm.tabs),function(tab,index){return _c('router-link',{key:index,attrs:{\"to\":_vm.navigateTo(tab),\"custom\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar navigate = ref.navigate;\nvar isExactActive = ref.isExactActive;\nreturn [_c('div',{class:['tabnavigationpanel__tab', isExactActive && 'tabnavigationpanel__tab--active'],style:((tab.override && isExactActive) && tab.overrideStyle),on:{\"click\":navigate}},[_c('span',[_vm._v(_vm._s(tab.label))])])]}}],null,true)})}),1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"tabnavigationpanel\">\r\n    <div class=\"tabnavigationpanel__tabs\"\r\n         ref=\"viewport\"\r\n         @mousedown=\"viewportMouseDown\"\r\n         @mousemove=\"viewportMouseMove\"\r\n         @mouseup=\"viewportMouseUp\">\r\n      <router-link v-for=\"(tab, index) of tabs\" \r\n                   :key=\"index\"\r\n                   :to=\"navigateTo(tab)\"\r\n                   custom\r\n                   v-slot=\"{navigate, isExactActive}\">\r\n        <div :class=\"['tabnavigationpanel__tab', isExactActive && 'tabnavigationpanel__tab--active']\"\r\n             :style=\"(tab.override && isExactActive) && tab.overrideStyle\"\r\n             @click=\"navigate\">\r\n          <span>{{ tab.label }}</span>\r\n        </div>\r\n      </router-link>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'tab-navigation-panel',\r\n  props: {\r\n    tabs: {\r\n      type: Array,\r\n      default: () => ([])\r\n    }\r\n  },\r\n  data: () => ({\r\n    pos: {\r\n      top: 0, left: 0,\r\n      x: 0, y: 0,\r\n      active: false\r\n    }\r\n  }),\r\n  mounted() {\r\n    document.addEventListener('mouseup', () => {\r\n      if (this.pos.active) {\r\n        this.viewportMouseUp();\r\n      }\r\n    });\r\n  },\r\n  methods: {\r\n    navigateTo(tab) {\r\n      if (tab.name) {\r\n        return { name: tab.name };\r\n      }\r\n      else if (tab.path) {\r\n        return { path: tab.path };\r\n      }\r\n    },\r\n    viewportMouseDown(e) {\r\n      this.pos.left = this.$refs.viewport.scrollLeft;\r\n      this.pos.top = this.$refs.viewport.scrollTop;\r\n      this.pos.x = e.clientX;\r\n      this.pos.y = e.clientY;\r\n      this.pos.active = true;\r\n      this.$refs.viewport.style.cursor = 'grabbing';\r\n      this.$refs.viewport.style.userSelect = 'none';\r\n    },\r\n    viewportMouseMove(e) {\r\n      if (!this.pos.active)\r\n        return;\r\n\r\n      const dx = e.clientX - this.pos.x;\r\n      const dy = e.clientY - this.pos.y;\r\n\r\n      this.$refs.viewport.scrollTop = this.pos.top - dy;\r\n      this.$refs.viewport.scrollLeft = this.pos.left - dx;\r\n    },\r\n    viewportMouseUp() {\r\n      this.$refs.viewport.style.cursor  = 'grab';\r\n      this.$refs.viewport.style.removeProperty('user-select');\r\n      this.pos.active = false;\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.tabnavigationpanel {\r\n  background-color: $black;\r\n  height: 48px;\r\n  // max-width: calc(100vw - 17px);\r\n\r\n  .tabnavigationpanel__tabs {\r\n    padding: 5px 12px 0 12px;\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    justify-content: flex-start;\r\n    align-items: stretch;\r\n    gap: 3px;\r\n    font-size: .75em;\r\n    font-weight: 500;\r\n    height: 100%;\r\n    width: 100vw;\r\n    overflow-x: auto;\r\n\r\n    &::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n      \r\n    .tabnavigationpanel__tab {\r\n      background-color: $input-border;\r\n      color: $panel;\r\n      padding-left: 20px;\r\n      padding-right: 20px;\r\n      height: 100%;\r\n      display: flex;\r\n      flex-flow: column nowrap;\r\n      justify-content: space-evenly;\r\n      max-width: 10%;\r\n      min-width: 140px;\r\n      transition: color .25s ease-out 0s, background-color .25s ease-out 0s, box-shadow .25s ease-out 0s;\r\n      cursor: pointer;\r\n      box-shadow: inset 3px -15px 20px -15px rgba(0, 0, 0, 0.25);\r\n      -webkit-box-shadow: inset 3px -15px 20px -15px rgba(0, 0, 0, 0.25);\r\n\r\n      &.tabnavigationpanel__tab--active {\r\n        transition-duration: 0s;\r\n        background-color: $panel;\r\n        color: $black;\r\n        box-shadow: none;\r\n        -webkit-box-shadow: none;\r\n      }\r\n    }\r\n  }\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!./TabNavigationPanel.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!./TabNavigationPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TabNavigationPanel.vue?vue&type=template&id=15cddb1e&\"\nimport script from \"./TabNavigationPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./TabNavigationPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TabNavigationPanel.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"reports__view\"},[_c('tab-navigation-panel',{attrs:{\"tabs\":_vm.tabs}}),_c('router-view')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"reports__view\">\r\n    <tab-navigation-panel :tabs=\"tabs\" />\r\n    <router-view />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport TabNavigationPanel from \"@/components/TabNavigationPanel.vue\";\r\nimport { mapGetters } from 'vuex';\r\n\r\nexport default {\r\n  name: \"configurationusertop-view\",\r\n  components: { TabNavigationPanel },\r\n  data: () => ({\r\n    tabs: [\r\n      { label: \"Mine grupper\", name: \"My-Groups\" },\r\n    ],\r\n\r\n  }),\r\n  computed: {\r\n    ...mapGetters('groupTemplateStore', ['isGroupTemplateSimulating']),\r\n\r\n  },\r\n  watch: {\r\n    'isGroupTemplateSimulating'(newValue) {\r\n      this.tabs.find(q => q.name === \"Disposition\").override = newValue;\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n\r\n<style lang=\"scss\">\r\n.reports__view {\r\n  .reports__navigation {\r\n    background-color: $panel;\r\n    height: 44px;\r\n    display: flex;\r\n    flex-flow: row wrap;\r\n    align-content: center;\r\n    padding: 0 12px;\r\n  }\r\n\r\n  .reports__subheader {\r\n    background-color: $panel;\r\n    padding: 5px 12px;\r\n    height: 62px;\r\n\r\n    display: flex;\r\n    flex-flow: row wrap;\r\n    gap: 5px;\r\n    \r\n    .datepicker {\r\n      input {\r\n        height: 30px !important;\r\n        padding-top: 1px;\r\n        padding-bottom: 2px;\r\n      }\r\n    }\r\n    .ctrl-button {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .field:not(:last-child) {\r\n    margin-bottom: .2em;\r\n  }\r\n  label {\r\n    margin-bottom: initial;\r\n    font-size: .75em;\r\n    font-weight: 600;\r\n    &:not(:last-child) {\r\n      margin-bottom: initial;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\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!./ConfigurationUserTop.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!./ConfigurationUserTop.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConfigurationUserTop.vue?vue&type=template&id=599dd926&\"\nimport script from \"./ConfigurationUserTop.vue?vue&type=script&lang=js&\"\nexport * from \"./ConfigurationUserTop.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConfigurationUserTop.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","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./ConfigurationUserTop.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./TabNavigationPanel.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}