{"version":3,"sources":["webpack:///./src/components/projects/detail/viewer/ControlsContainer.vue?46c8","webpack:///src/components/projects/detail/viewer/ControlsContainer.vue","webpack:///./src/components/projects/detail/viewer/ControlsContainer.vue?a421","webpack:///./src/components/projects/detail/viewer/ControlsContainer.vue","webpack:///./src/components/projects/detail/viewer/ControlItem.vue?996d","webpack:///./src/components/projects/detail/viewer/ControlItem.vue?1089","webpack:///src/components/projects/detail/viewer/ControlItem.vue","webpack:///./src/components/projects/detail/viewer/ControlItem.vue?5071","webpack:///./src/components/projects/detail/viewer/ControlItem.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","key","attrs","staticRenderFns","name","components","ControlItem","computed","controlKeys","title","description","component","_v","_s","keyControlInformation","props","type","Object","required"],"mappings":"gMAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsBN,EAAIO,GAAIN,KAAgB,aAAE,SAASO,GAAM,OAAOJ,EAAG,eAAe,CAACK,IAAID,EAAKC,IAAIC,MAAM,CAAC,0BAA0BF,QAAU,IACnQG,EAAkB,G,YCQtB,GACEC,KAAM,oBACNC,WAAY,CACVC,YAAJ,cAEEC,SAAU,CACRC,YADJ,WAEM,MAAO,CAAC,CACNP,IAAK,OACLQ,MAAO,WACPC,YAAa,2EACrB,CACQT,IAAK,QACLQ,MAAO,YACPC,YAAa,qDCvBsZ,I,YCOvaC,EAAY,eACd,EACApB,EACAY,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E,6CClBf,yBAAgiB,EAAG,G,gECAniB,IAAIpB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,OAAO,CAACJ,EAAIoB,GAAGpB,EAAIqB,GAAGpB,KAAKqB,sBAAsBb,UAAUL,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,KAAK,CAACJ,EAAIoB,GAAGpB,EAAIqB,GAAGpB,KAAKqB,sBAAsBL,UAAUb,EAAG,OAAO,CAACJ,EAAIoB,GAAGpB,EAAIqB,GAAGpB,KAAKqB,sBAAsBJ,qBACrYP,EAAkB,GCUtB,GACEC,KAAM,cACNW,MAAO,CACLD,sBAAuB,CACrBE,KAAMC,OACNC,UAAU,KChBqZ,I,wBCQjaP,EAAY,eACd,EACApB,EACAY,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E","file":"js/projects-detail-viewer-ControlsContainer-vue.85b15278.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"controls-container\"},_vm._l((this.controlKeys),function(item){return _c('control-item',{key:item.key,attrs:{\"key-control-information\":item}})}),1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"controls-container\">\n    <control-item v-for=\"item in this.controlKeys\" :key-control-information=\"item\" :key=\"item.key\" />\n  </div>\n</template>\n\n<script>\nimport ControlItem from './ControlItem';\n\nexport default {\n  name: 'ControlsContainer',\n  components: {\n    ControlItem\n  },\n  computed: {\n    controlKeys() {\n      return [{\n        key: 'Ctrl',\n        title: 'CTRL Key',\n        description: 'Hold down the CTRL key to pan vertically or horizontally while mousing.'\n      }, {\n        key: 'Shift',\n        title: 'SHIFT Key',\n        description: 'Hold down the SHIFT key to pan while mousing.'\n      }];\n    }\n  }\n};\n</script>\n\n<style scoped>\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./ControlsContainer.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/@vue/cli-plugin-babel/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!./ControlsContainer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ControlsContainer.vue?vue&type=template&id=5aed6c11&scoped=true&\"\nimport script from \"./ControlsContainer.vue?vue&type=script&lang=js&\"\nexport * from \"./ControlsContainer.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  \"5aed6c11\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ControlItem.vue?vue&type=style&index=0&id=16453f30&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ControlItem.vue?vue&type=style&index=0&id=16453f30&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"control-item\"},[_c('div',{staticClass:\"control-key\"},[_c('span',[_vm._v(_vm._s(this.keyControlInformation.key))])]),_c('div',{staticClass:\"control-description\"},[_c('h6',[_vm._v(_vm._s(this.keyControlInformation.title))]),_c('span',[_vm._v(_vm._s(this.keyControlInformation.description))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"control-item\">\n    <div class=\"control-key\"><span>{{ this.keyControlInformation.key }}</span></div>\n    <div class=\"control-description\">\n      <h6>{{ this.keyControlInformation.title }}</h6>\n      <span>{{ this.keyControlInformation.description }}</span>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ControlItem',\n  props: {\n    keyControlInformation: {\n      type: Object,\n      required: true\n    }\n  }\n};\n</script>\n\n<style scoped>\n.control-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.control-item > * {\n  margin: 0;\n}\n\n.control-key {\n  height: 4em;\n  width: 4em;\n  min-width: 4em;\n  max-height: 4em;\n  border: 0.063rem solid var(--white);\n  border-radius: 0.313rem;\n  background: rgba(255, 255, 255, 0.15);\n  font-family: 'IBM Plex Mono';\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.control-description {\n  margin-left: 0.625rem;\n}\n\n.control-description span {\n  font-weight: 400;\n  margin: 0;\n}\n\nh6 {\n  font-size: 0.875rem;\n  font-weight: 700;\n  margin-bottom: 0.25em;\n}\n\nspan {\n  font-size: 0.75rem;\n  font-weight: 700;\n}\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./ControlItem.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/@vue/cli-plugin-babel/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!./ControlItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ControlItem.vue?vue&type=template&id=16453f30&scoped=true&\"\nimport script from \"./ControlItem.vue?vue&type=script&lang=js&\"\nexport * from \"./ControlItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ControlItem.vue?vue&type=style&index=0&id=16453f30&scoped=true&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  \"16453f30\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}