{"version":3,"sources":["webpack:///./src/views/theme/Colors.vue?14e5","webpack:///./src/views/theme/ColorTheme.vue?cb72","webpack:///./src/views/theme/ColorView.vue?cb24","webpack:///./node_modules/@coreui/utils/src/rgb-to-hex.js","webpack:///src/views/theme/ColorView.vue","webpack:///./src/views/theme/ColorView.vue?6298","webpack:///./src/views/theme/ColorView.vue","webpack:///src/views/theme/ColorTheme.vue","webpack:///./src/views/theme/ColorTheme.vue?b639","webpack:///./src/views/theme/ColorTheme.vue","webpack:///src/views/theme/Colors.vue","webpack:///./src/views/theme/Colors.vue?cfa1","webpack:///./src/views/theme/Colors.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","staticRenderFns","staticClass","class","color","style","paddingTop","_t","_s","hexColor","bgColor","rgbToHex","TypeError","rgb","match","Error","r","parseInt","toString","g","b","slice","name","data","computed","methods","setColor","mounted","component","components","props","String"],"mappings":"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","file":"js/chunk-2d0aab88.1fc1cdbc.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-drop\"}}),_vm._v(\" Theme colors \")],1),_c('CCardBody',[_c('CRow',[_c('ColorTheme',{attrs:{\"color\":\"bg-primary\"}},[_c('h6',[_vm._v(\"Brand Primary Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-secondary\"}},[_c('h6',[_vm._v(\"Brand Secondary Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-success\"}},[_c('h6',[_vm._v(\"Brand Success Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-danger\"}},[_c('h6',[_vm._v(\"Brand Danger Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-warning\"}},[_c('h6',[_vm._v(\"Brand Warning Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-info\"}},[_c('h6',[_vm._v(\"Brand Info Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-light\"}},[_c('h6',[_vm._v(\"Brand Light Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-dark\"}},[_c('h6',[_vm._v(\"Brand Dark Color\")])])],1)],1)],1),_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-drop\"}}),_vm._v(\" Grays \")],1),_c('CCardBody',[_c('CRow',[_c('ColorTheme',{attrs:{\"color\":\"bg-gray-100\"}},[_c('h6',[_vm._v(\"Brand 100 Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-gray-200\"}},[_c('h6',[_vm._v(\"Brand 200 Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-gray-300\"}},[_c('h6',[_vm._v(\"Brand 300 Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-gray-400\"}},[_c('h6',[_vm._v(\"Brand 400 Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-gray-500\"}},[_c('h6',[_vm._v(\"Brand 500 Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-gray-600\"}},[_c('h6',[_vm._v(\"Brand 600 Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-gray-700\"}},[_c('h6',[_vm._v(\"Brand 700 Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-gray-800\"}},[_c('h6',[_vm._v(\"Brand 800 Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-gray-900\"}},[_c('h6',[_vm._v(\"Brand 900 Color\")])])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CCol',{staticClass:\"mb-4\",attrs:{\"xl\":\"2\",\"md\":\"4\",\"sm\":\"6\",\"xs\":\"12\"}},[_c('div',{class:['theme-color w-75 rounded mb-3', _vm.color],style:({ paddingTop: '75%' })}),_vm._t(\"default\"),_c('ColorView')],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('table',{staticClass:\"w-100\"},[_c('tbody',[_c('tr',[_c('td',{staticClass:\"text-muted\"},[_vm._v(\"HEX:\")]),_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(this.hexColor))])]),_c('tr',[_c('td',{staticClass:\"text-muted\"},[_vm._v(\"RGB:\")]),_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(this.bgColor))])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/* eslint-disable no-magic-numbers */\r\nconst rgbToHex = color => {\r\n  if (typeof color === 'undefined') {\r\n    throw new TypeError('Hex color is not defined')\r\n  }\r\n\r\n  if (color === 'transparent') {\r\n    return '#00000000'\r\n  }\r\n\r\n  const rgb = color.match(/^rgba?[\\s+]?\\([\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?/i)\r\n\r\n  if (!rgb) {\r\n    throw new Error(`${color} is not a valid rgb color`)\r\n  }\r\n\r\n  const r = `0${parseInt(rgb[1], 10).toString(16)}`\r\n  const g = `0${parseInt(rgb[2], 10).toString(16)}`\r\n  const b = `0${parseInt(rgb[3], 10).toString(16)}`\r\n\r\n  return `#${r.slice(-2)}${g.slice(-2)}${b.slice(-2)}`\r\n}\r\n\r\nexport default rgbToHex\r\n","<template>\r\n  <table class=\"w-100\">\r\n    <tbody>\r\n    <tr>\r\n      <td class=\"text-muted\">HEX:</td>\r\n      <td class=\"font-weight-bold\">{{this.hexColor}}</td>\r\n    </tr>\r\n    <tr>\r\n      <td class=\"text-muted\">RGB:</td>\r\n      <td class=\"font-weight-bold\">{{this.bgColor}}</td>\r\n    </tr>\r\n    </tbody>\r\n  </table>\r\n</template>\r\n\r\n<script>\r\nimport { rgbToHex } from '@coreui/utils/src'\r\nexport default {\r\n  name: 'ColorView',\r\n  data () {\r\n    return {\r\n      bgColor: 'rgb(255, 255, 255)'\r\n    }\r\n  },\r\n  computed: {\r\n    hexColor () {\r\n      return rgbToHex(this.bgColor)\r\n    }\r\n  },\r\n  methods: {\r\n    setColor () {\r\n      const elem = this.$parent.$el.children[0]\r\n      const color = window.getComputedStyle(elem).getPropertyValue('background-color')\r\n      this.bgColor = color || this.bgColor\r\n    }\r\n  },\r\n  mounted () {\r\n    this.setColor()\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!./ColorView.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!./ColorView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ColorView.vue?vue&type=template&id=beb39728&\"\nimport script from \"./ColorView.vue?vue&type=script&lang=js&\"\nexport * from \"./ColorView.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","<template>\r\n  <CCol xl=\"2\" md=\"4\" sm=\"6\" xs=\"12\" class=\"mb-4\">\r\n    <div\r\n      :class=\"['theme-color w-75 rounded mb-3', color]\"\r\n      :style=\"{ paddingTop: '75%' }\"\r\n    ></div>\r\n    <slot></slot>\r\n    <ColorView/>\r\n  </CCol>\r\n</template>\r\n\r\n<script>\r\nimport ColorView from './ColorView'\r\nexport default {\r\n  name: 'ColorTheme',\r\n  components: { ColorView },\r\n  props: {\r\n    color: String,\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!./ColorTheme.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!./ColorTheme.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ColorTheme.vue?vue&type=template&id=8b82ce76&\"\nimport script from \"./ColorTheme.vue?vue&type=script&lang=js&\"\nexport * from \"./ColorTheme.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","<template>\r\n  <div>\r\n    <CCard>\r\n      <CCardHeader>\r\n        <CIcon name=\"cil-drop\"/> Theme colors\r\n      </CCardHeader>\r\n      <CCardBody>\r\n        <CRow>\r\n          <ColorTheme color=\"bg-primary\">\r\n            <h6>Brand Primary Color</h6>\r\n          </ColorTheme>\r\n          <ColorTheme color=\"bg-secondary\"><h6>Brand Secondary Color</h6></ColorTheme>\r\n          <ColorTheme color=\"bg-success\"><h6>Brand Success Color</h6></ColorTheme>\r\n          <ColorTheme color=\"bg-danger\"><h6>Brand Danger Color</h6></ColorTheme>\r\n          <ColorTheme color=\"bg-warning\"><h6>Brand Warning Color</h6></ColorTheme>\r\n          <ColorTheme color=\"bg-info\"><h6>Brand Info Color</h6></ColorTheme>\r\n          <ColorTheme color=\"bg-light\"><h6>Brand Light Color</h6></ColorTheme>\r\n          <ColorTheme color=\"bg-dark\"><h6>Brand Dark Color</h6></ColorTheme>\r\n        </CRow>\r\n      </CCardBody>\r\n    </CCard>\r\n    <CCard>\r\n      <CCardHeader>\r\n        <CIcon name=\"cil-drop\"/> Grays\r\n      </CCardHeader>\r\n      <CCardBody>\r\n        <CRow>\r\n          <ColorTheme color=\"bg-gray-100\"><h6>Brand 100 Color</h6></ColorTheme>\r\n          <ColorTheme color=\"bg-gray-200\"><h6>Brand 200 Color</h6></ColorTheme>\r\n          <ColorTheme color=\"bg-gray-300\"><h6>Brand 300 Color</h6></ColorTheme>\r\n          <ColorTheme color=\"bg-gray-400\"><h6>Brand 400 Color</h6></ColorTheme>\r\n          <ColorTheme color=\"bg-gray-500\"><h6>Brand 500 Color</h6></ColorTheme>\r\n          <ColorTheme color=\"bg-gray-600\"><h6>Brand 600 Color</h6></ColorTheme>\r\n          <ColorTheme color=\"bg-gray-700\"><h6>Brand 700 Color</h6></ColorTheme>\r\n          <ColorTheme color=\"bg-gray-800\"><h6>Brand 800 Color</h6></ColorTheme>\r\n          <ColorTheme color=\"bg-gray-900\"><h6>Brand 900 Color</h6></ColorTheme>\r\n        </CRow>\r\n      </CCardBody>\r\n    </CCard>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ColorTheme from './ColorTheme'\r\nexport default {\r\n  name: 'Colors',\r\n  components: { ColorTheme }\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=7f575702&\"\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":""}