{"version":3,"sources":["webpack:///./src/components/dev/Colors.vue?5cb9","webpack:///src/components/dev/Colors.vue","webpack:///./src/components/dev/Colors.vue?fe2d","webpack:///./src/components/dev/Colors.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","scss","colors","color","cKey","index","key","attrs","colorStripHash","colorGetContrast","vars","colorContrastThreshold","color6Digits","_s","colorGetName","colorGetVariable","staticRenderFns","name","data","$root","methods","hexColor","indexOf","slice","length","replace","console","error","r","g","b","threshold","base","black","white","component"],"mappings":"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","file":"js/component-dev-colors.9a073471.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dev-group\"},[_c('h2',{staticClass:\"group-title\"},[_vm._v(\"Colors\")]),_c('h3',{staticClass:\"group-title\"},[_vm._v(\"Base\")]),_c('b-row',_vm._l((_vm.scss.colors.base),function(color,cKey,index){return _c('b-col',{key:(\"color-\" + color + \"-\" + index),staticClass:\"mb-3 text-center\",attrs:{\"cols\":\"6\",\"sm\":\"4\",\"md\":\"3\",\"lg\":\"2\"}},[_c('b-card',{attrs:{\"no-body\":\"\",\"img-src\":(\"//via.placeholder.com/500x250/\" + (_vm.colorStripHash(color)) + \"/\" + (_vm.colorStripHash(_vm.colorGetContrast(color, _vm.scss.vars.colorContrastThreshold))) + \"/?text=  %23\" + (_vm.color6Digits(color)) + \"   \"),\"img-top\":\"\"}}),_c('small',{staticClass:\"mt-1 text-break form-text text-muted\"},[_vm._v(_vm._s(_vm.colorGetName(cKey))+\" (\"+_vm._s(_vm.colorGetVariable(cKey))+\")\")])],1)}),1),_c('h3',{staticClass:\"group-title\"},[_vm._v(\"Gray\")]),_c('b-row',_vm._l((_vm.scss.colors.gray),function(color,cKey,index){return _c('b-col',{key:(\"color-\" + color + \"-\" + index),staticClass:\"mb-3 text-center\",attrs:{\"cols\":\"6\",\"sm\":\"4\",\"md\":\"3\",\"lg\":\"2\"}},[_c('b-card',{attrs:{\"no-body\":\"\",\"img-src\":(\"//via.placeholder.com/500x250/\" + (_vm.colorStripHash(color)) + \"/\" + (_vm.colorStripHash(_vm.colorGetContrast(color, _vm.scss.vars.colorContrastThreshold))) + \"/?text=  %23\" + (_vm.color6Digits(color)) + \"   \"),\"img-top\":\"\"}}),_c('small',{staticClass:\"mt-1 text-break form-text text-muted\"},[_vm._v(_vm._s(_vm.colorGetName(cKey))+\" (\"+_vm._s(_vm.colorGetVariable(cKey))+\")\")])],1)}),1),_c('h3',{staticClass:\"group-title\"},[_vm._v(\"Theme\")]),_c('b-row',_vm._l((_vm.scss.colors.theme),function(color,cKey,index){return _c('b-col',{key:(\"color-\" + color + \"-\" + index),staticClass:\"mb-3 text-center\",attrs:{\"cols\":\"6\",\"sm\":\"4\",\"md\":\"3\",\"lg\":\"2\"}},[_c('b-card',{attrs:{\"no-body\":\"\",\"img-src\":(\"//via.placeholder.com/500x250/\" + (_vm.colorStripHash(color)) + \"/\" + (_vm.colorStripHash(_vm.colorGetContrast(color, _vm.scss.vars.colorContrastThreshold))) + \"/?text=  %23\" + (_vm.color6Digits(color)) + \"   \"),\"img-top\":\"\"}}),_c('small',{staticClass:\"mt-1 text-break form-text text-muted\"},[_vm._v(_vm._s(_vm.colorGetName(cKey))+\" (\"+_vm._s(_vm.colorGetVariable(cKey))+\")\")])],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"dev-group\">\r\n    <h2 class=\"group-title\">Colors</h2>\r\n\r\n    <h3 class=\"group-title\">Base</h3>\r\n\r\n    <b-row>\r\n      <b-col v-for=\"(color, cKey, index) in scss.colors.base\" :key=\"`color-${color}-${index}`\" cols=\"6\" sm=\"4\" md=\"3\" lg=\"2\" class=\"mb-3 text-center\">\r\n        <b-card no-body :img-src=\"`//via.placeholder.com/500x250/${colorStripHash(color)}/${colorStripHash(colorGetContrast(color, scss.vars.colorContrastThreshold))}/?text=  %23${color6Digits(color)}   `\" img-top/>\r\n        <small class=\"mt-1 text-break form-text text-muted\">{{ colorGetName(cKey) }} ({{ colorGetVariable(cKey) }})</small>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <h3 class=\"group-title\">Gray</h3>\r\n\r\n    <b-row>\r\n      <b-col v-for=\"(color, cKey, index) in scss.colors.gray\" :key=\"`color-${color}-${index}`\" cols=\"6\" sm=\"4\" md=\"3\" lg=\"2\" class=\"mb-3 text-center\">\r\n        <b-card no-body :img-src=\"`//via.placeholder.com/500x250/${colorStripHash(color)}/${colorStripHash(colorGetContrast(color, scss.vars.colorContrastThreshold))}/?text=  %23${color6Digits(color)}   `\" img-top/>\r\n        <small class=\"mt-1 text-break form-text text-muted\">{{ colorGetName(cKey) }} ({{ colorGetVariable(cKey) }})</small>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <h3 class=\"group-title\">Theme</h3>\r\n\r\n    <b-row>\r\n      <b-col v-for=\"(color, cKey, index) in scss.colors.theme\" :key=\"`color-${color}-${index}`\" cols=\"6\" sm=\"4\" md=\"3\" lg=\"2\" class=\"mb-3 text-center\">\r\n        <b-card no-body :img-src=\"`//via.placeholder.com/500x250/${colorStripHash(color)}/${colorStripHash(colorGetContrast(color, scss.vars.colorContrastThreshold))}/?text=  %23${color6Digits(color)}   `\" img-top/>\r\n        <small class=\"mt-1 text-break form-text text-muted\">{{ colorGetName(cKey) }} ({{ colorGetVariable(cKey) }})</small>\r\n      </b-col>\r\n    </b-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'DevColors',\r\n  data () {\r\n    return {\r\n      scss: this.$root.scss\r\n    }\r\n  },\r\n  methods: {\r\n    colorGetName (colorKey) {\r\n      return `${colorKey.charAt(0).toUpperCase()}${colorKey.slice(1)}`\r\n    },\r\n    colorGetVariable (colorKey) {\r\n      return `$${colorKey}`\r\n    },\r\n    color6Digits (hexColor) {\r\n      if (hexColor.indexOf('#') === 0) hexColor = hexColor.slice(1)\r\n      if (hexColor.length === 3) hexColor = `${hexColor[0]}${hexColor[0]}${hexColor[1]}${hexColor[1]}${hexColor[2]}${hexColor[2]}`\r\n\r\n      return hexColor\r\n    },\r\n    colorStripHash (hexColor) {\r\n      return hexColor.replace('#', '')\r\n    },\r\n    colorGetContrast (hexColor, threshold = 180) {\r\n      hexColor = this.color6Digits(hexColor)\r\n\r\n      if (hexColor.length !== 6) {\r\n        console.error(`${hexColor} is not a valid HEX Color!`)\r\n        return 'initial'\r\n      }\r\n\r\n      // http://stackoverflow.com/a/3943023/112731\r\n      const r = parseInt(hexColor.slice(0, 2), 16) * 0.299\r\n      const g = parseInt(hexColor.slice(2, 4), 16) * 0.587\r\n      const b = parseInt(hexColor.slice(4, 6), 16) * 0.114\r\n\r\n      return r + g + b > threshold ? this.scss.base.black : this.scss.base.white\r\n    }\r\n  }\r\n}\r\n</script>\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!./Colors.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!./Colors.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Colors.vue?vue&type=template&id=6019edc9&\"\nimport script from \"./Colors.vue?vue&type=script&lang=js&\"\nexport * from \"./Colors.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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}