{"version":3,"sources":["webpack:///./src/components/Employee.vue?e65b","webpack:///src/components/Employee.vue","webpack:///./src/components/Employee.vue?fda0","webpack:///./src/components/Employee.vue","webpack:///./src/components/EmployeeGrid.vue?ae8c","webpack:///./src/components/EmployeeGrid.vue?3a7c","webpack:///src/components/EmployeeGrid.vue","webpack:///./src/components/EmployeeGrid.vue?88bd","webpack:///./src/components/EmployeeGrid.vue?0996","webpack:///./src/components/Employee.vue?d74e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","imgSrc","name","scopedSlots","_u","key","fn","_t","proxy","staticRenderFns","props","slotId","type","String","required","default","teams","Array","data","expanded","methods","toggleInfo","created","$root","$emit","component","filterValue","FILTER_ALL_KEY","_v","_s","_l","item","on","$event","setFilter","sKey","directives","rawName","value","employees","show","expression","registeredEmployees","computed","employeeSlots","Object","keys","$scopedSlots","filterItems","registerEmployee","push","$on"],"mappings":"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","file":"js/component-employees.0f84b8e3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('c-expander-card',{staticClass:\"employee\",attrs:{\"imgSrc\":_vm.imgSrc,\"imgAlt\":_vm.name,\"imgRatio\":\"1x1\"},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_vm._t(\"header\")]},proxy:true}],null,true)},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <c-expander-card class=\"employee\" :imgSrc=\"imgSrc\" :imgAlt=\"name\" imgRatio=\"1x1\">\r\n    <template #header>\r\n      <slot name=\"header\"/>\r\n    </template>\r\n\r\n    <slot/>\r\n  </c-expander-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Employee',\r\n  props: {\r\n    slotId: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    imgSrc: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    name: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    teams: {\r\n      type: Array,\r\n      required: true\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      expanded: false\r\n    }\r\n  },\r\n  methods: {\r\n    toggleInfo () {\r\n      this.expanded = !this.expanded\r\n    }\r\n  },\r\n  created () {\r\n    this.$root.$emit('employee:register', { id: this.slotId, teams: this.teams })\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.employee {}\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!./Employee.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!./Employee.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Employee.vue?vue&type=template&id=7380e6db&\"\nimport script from \"./Employee.vue?vue&type=script&lang=js&\"\nexport * from \"./Employee.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Employee.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!./EmployeeGrid.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('c-grid',{staticClass:\"employee-grid\",scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',{staticClass:\"employee-grid-filter\"},[_c('b-dropdown',{staticClass:\"dropdown-filter\",attrs:{\"right\":\"\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [(_vm.filterValue === _vm.FILTER_ALL_KEY)?[_vm._t(\"filter-all\")]:[_vm._v(_vm._s(_vm.filterValue))],_c('b-icon',{staticClass:\"text-primary\",attrs:{\"icon\":\"arrow-dropdown\"}})]},proxy:true}],null,true)},_vm._l((_vm.filterItems),function(item){return _c('b-dropdown-item',{key:item,attrs:{\"active\":item === _vm.filterValue},on:{\"click\":function($event){return _vm.setFilter(item)}}},[(item === _vm.FILTER_ALL_KEY)?[_vm._t(\"filter-all\")]:[_vm._v(_vm._s(item))]],2)}),1)],1),_vm._t(\"header\")]},proxy:true},{key:\"footer\",fn:function(){return [_vm._t(\"footer\")]},proxy:true}],null,true)},[_c('b-row',{staticClass:\"employee-grid-row\",attrs:{\"cols\":\"1\",\"cols-sm\":\"2\",\"cols-md\":\"3\",\"cols-lg\":\"4\"}},[_vm._l((_vm.employeeSlots),function(sKey){return [_c('b-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.employees[sKey] && _vm.employees[sKey].show),expression:\"employees[sKey] && employees[sKey].show\"}],key:sKey,staticClass:\"employee-grid-col\"},[_vm._t(sKey)],2)]})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <c-grid class=\"employee-grid\">\r\n    <template #header>\r\n      <div class=\"employee-grid-filter\">\r\n        <b-dropdown class=\"dropdown-filter\" right>\r\n          <template #button-content>\r\n            <template v-if=\"filterValue === FILTER_ALL_KEY\"><slot name=\"filter-all\"/></template>\r\n            <template v-else>{{ filterValue }}</template>\r\n            <b-icon class=\"text-primary\" icon=\"arrow-dropdown\"/>\r\n          </template>\r\n\r\n          <b-dropdown-item v-for=\"item in filterItems\" :key=\"item\" :active=\"item === filterValue\" @click=\"setFilter(item)\">\r\n            <template v-if=\"item === FILTER_ALL_KEY\"><slot name=\"filter-all\"/></template>\r\n            <template v-else>{{ item }}</template>\r\n          </b-dropdown-item>\r\n        </b-dropdown>\r\n      </div>\r\n\r\n      <slot name=\"header\"/>\r\n    </template>\r\n\r\n    <b-row class=\"employee-grid-row\" cols=\"1\" cols-sm=\"2\" cols-md=\"3\" cols-lg=\"4\">\r\n      <template v-for=\"sKey in employeeSlots\">\r\n        <b-col v-show=\"employees[sKey] && employees[sKey].show\" :key=\"sKey\" class=\"employee-grid-col\">\r\n          <slot :name=\"sKey\"/>\r\n        </b-col>\r\n      </template>\r\n    </b-row>\r\n\r\n    <template #footer>\r\n      <slot name=\"footer\"/>\r\n    </template>\r\n  </c-grid>\r\n</template>\r\n\r\n<script>\r\nconst EXCLUDE_SCOPED_SLOTS = ['filter-all']\r\nconst FILTER_ALL_KEY = '$$all$$'\r\n\r\nexport default {\r\n  name: 'EmployeeGrid',\r\n  data () {\r\n    return {\r\n      registeredEmployees: [],\r\n      FILTER_ALL_KEY,\r\n      filterValue: FILTER_ALL_KEY\r\n    }\r\n  },\r\n  computed: {\r\n    employeeSlots () {\r\n      return Object.keys(this.$scopedSlots || {})\r\n        .filter(sKey => !EXCLUDE_SCOPED_SLOTS.includes(sKey))\r\n    },\r\n    filterItems () {\r\n      return Array\r\n        .from(new Set([FILTER_ALL_KEY].concat(this.registeredEmployees.map(e => e.teams).flat())))\r\n        .sort()\r\n    },\r\n    employees () {\r\n      return this.registeredEmployees\r\n        .reduce((employees, e) => Object.assign(employees, {\r\n          [e.id]: {\r\n            show: this.filterValue === FILTER_ALL_KEY || e.teams.includes(this.filterValue)\r\n          }\r\n        }), {})\r\n    }\r\n  },\r\n  methods: {\r\n    registerEmployee ({ id = '', teams = [] }) {\r\n      this.registeredEmployees.push({ id, teams })\r\n    },\r\n    setFilter (item) {\r\n      this.filterValue = item\r\n    }\r\n  },\r\n  created () {\r\n    this.$root.$on('employee:register', this.registerEmployee)\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$employee-grid-filter-gap: $spacer !default;\r\n\r\n$employee-grid-col-gap: $grid-gutter-width !default;\r\n\r\n.employee-grid {\r\n  .employee-grid-filter {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    margin-bottom: $employee-grid-filter-gap;\r\n  }\r\n\r\n  .employee-grid-row {\r\n    margin-top: $employee-grid-col-gap * -0.5;\r\n    margin-bottom: $employee-grid-col-gap * -0.5;\r\n\r\n    .employee-grid-col {\r\n      padding-top: $employee-grid-col-gap * 0.5;\r\n      padding-bottom: $employee-grid-col-gap * 0.5;\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!./EmployeeGrid.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!./EmployeeGrid.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EmployeeGrid.vue?vue&type=template&id=9e975c36&\"\nimport script from \"./EmployeeGrid.vue?vue&type=script&lang=js&\"\nexport * from \"./EmployeeGrid.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EmployeeGrid.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!./Employee.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}