{"version":3,"sources":["webpack:///./src/views/theme/Colors.vue?e71f","webpack:///./src/views/theme/ColorTheme.vue?6e0b","webpack:///./src/views/theme/ColorView.vue?6eae","webpack:///./node_modules/@coreui/utils/src/rgb-to-hex.js","webpack:///src/views/theme/ColorView.vue","webpack:///./src/views/theme/ColorView.vue?15b3","webpack:///./src/views/theme/ColorView.vue","webpack:///src/views/theme/ColorTheme.vue","webpack:///./src/views/theme/ColorTheme.vue?892b","webpack:///./src/views/theme/ColorTheme.vue","webpack:///src/views/theme/Colors.vue","webpack:///./src/views/theme/Colors.vue?00c9","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.6adfd15a.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\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-D760B6\"}},[_c('h6',[_vm._v(\"Brand pink Color\")])]),_c('ColorTheme',{attrs:{\"color\":\"bg-5D8AFC\"}},[_c('h6',[_vm._v(\"Brand bg-5D8AFC 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>\n  <table class=\"w-100\">\n    <tbody>\n    <tr>\n      <td class=\"text-muted\">HEX:</td>\n      <td class=\"font-weight-bold\">{{this.hexColor}}</td>\n    </tr>\n    <tr>\n      <td class=\"text-muted\">RGB:</td>\n      <td class=\"font-weight-bold\">{{this.bgColor}}</td>\n    </tr>\n    </tbody>\n  </table>\n</template>\n\n<script>\nimport { rgbToHex } from '@coreui/utils/src'\nexport default {\n  name: 'ColorView',\n  data () {\n    return {\n      bgColor: 'rgb(255, 255, 255)'\n    }\n  },\n  computed: {\n    hexColor () {\n      return rgbToHex(this.bgColor)\n    }\n  },\n  methods: {\n    setColor () {\n      const elem = this.$parent.$el.children[0]\n      const color = window.getComputedStyle(elem).getPropertyValue('background-color')\n      this.bgColor = color || this.bgColor\n    }\n  },\n  mounted () {\n    this.setColor()\n  }\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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--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/@vue/cli-plugin-babel/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=c588b7ce&\"\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>\n  <CCol xl=\"2\" md=\"4\" sm=\"6\" xs=\"12\" class=\"mb-4\">\n    <div\n      :class=\"['theme-color w-75 rounded mb-3', color]\"\n      :style=\"{ paddingTop: '75%' }\"\n    ></div>\n    <slot></slot>\n    <ColorView/>\n  </CCol>\n</template>\n\n<script>\nimport ColorView from './ColorView'\nexport default {\n  name: 'ColorTheme',\n  components: { ColorView },\n  props: {\n    color: String,\n  }\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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--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/@vue/cli-plugin-babel/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=2b62d95e&\"\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>\n  <div>\n    <CCard>\n      <CCardHeader>\n        <CIcon name=\"cil-drop\"/> Theme colors\n      </CCardHeader>\n      <CCardBody>\n        <CRow>\n          <ColorTheme color=\"bg-primary\">\n            <h6>Brand Primary Color</h6>\n          </ColorTheme>\n          <ColorTheme color=\"bg-secondary\"><h6>Brand Secondary Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-success\"><h6>Brand Success Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-danger\"><h6>Brand Danger Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-warning\"><h6>Brand Warning Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-info\"><h6>Brand Info Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-light\"><h6>Brand Light Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-dark\"><h6>Brand Dark Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-D760B6\"><h6>Brand pink Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-5D8AFC\"><h6>Brand bg-5D8AFC Color</h6></ColorTheme>\n\n        </CRow>\n      </CCardBody>\n    </CCard>\n    <CCard>\n      <CCardHeader>\n        <CIcon name=\"cil-drop\"/> Grays\n      </CCardHeader>\n      <CCardBody>\n        <CRow>\n          <ColorTheme color=\"bg-gray-100\"><h6>Brand 100 Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-gray-200\"><h6>Brand 200 Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-gray-300\"><h6>Brand 300 Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-gray-400\"><h6>Brand 400 Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-gray-500\"><h6>Brand 500 Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-gray-600\"><h6>Brand 600 Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-gray-700\"><h6>Brand 700 Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-gray-800\"><h6>Brand 800 Color</h6></ColorTheme>\n          <ColorTheme color=\"bg-gray-900\"><h6>Brand 900 Color</h6></ColorTheme>\n        </CRow>\n      </CCardBody>\n    </CCard>\n  </div>\n</template>\n\n<script>\nimport ColorTheme from './ColorTheme'\nexport default {\n  name: 'Colors',\n  components: { ColorTheme }\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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--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/@vue/cli-plugin-babel/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=01cb8aed&\"\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":""}