{"version":3,"sources":["webpack:///./src/views/base/ProgressBars.vue?4ffa","webpack:///src/views/base/ProgressBars.vue","webpack:///./src/views/base/ProgressBars.vue?134d","webpack:///./src/views/base/ProgressBars.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","staticClass","counter","max","on","clicked","value","max2","value3","staticStyle","_l","bar","index","key","_s","color","striped","$event","animate","max3","values","staticRenderFns","name","data","bars","timer","methods","Math","random","mounted","setInterval","beforeDestroy","clearInterval","component"],"mappings":"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","file":"js/chunk-2d0f06bd.a1d66311.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-justify-center\"}}),_c('strong',[_vm._v(\" Bootstrap Progress\")]),_c('div',{staticClass:\"card-header-actions\"},[_c('a',{staticClass:\"card-header-action\",attrs:{\"href\":\"https://coreui.io/vue/docs/components/progress\",\"rel\":\"noreferrer noopener\",\"target\":\"_blank\"}},[_c('small',{staticClass:\"text-muted\"},[_vm._v(\"docs\")])])])],1),_c('CCardBody',[_c('CProgress',{attrs:{\"value\":_vm.counter,\"max\":_vm.max,\"show-percentage\":\"\",\"animated\":\"\"}}),_c('CProgress',{staticClass:\"mt-1\",attrs:{\"max\":_vm.max,\"show-value\":\"\"}},[_c('CProgressBar',{attrs:{\"value\":_vm.counter*(6/10),\"color\":\"gradient-success\"}}),_c('CProgressBar',{attrs:{\"value\":_vm.counter*(2.5/10),\"color\":\"gradient-warning\"}}),_c('CProgressBar',{attrs:{\"value\":_vm.counter*(1.5/10),\"color\":\"gradient-danger\"}})],1),_c('CButton',{staticClass:\"mt-4\",attrs:{\"color\":\"secondary\"},on:{\"click\":_vm.clicked}},[_vm._v(\" Click me to animate progress bars \")])],1)],1),_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_vm._v(\" \"),_c('strong',[_vm._v(\" Progress \")]),_c('small',[_vm._v(\"labels\")])],1),_c('CCardBody',[_c('h6',[_vm._v(\"No label\")]),_c('CProgress',{staticClass:\"mb-3\",attrs:{\"value\":_vm.value,\"max\":_vm.max2}}),_c('h6',[_vm._v(\"Value label\")]),_c('CProgress',{staticClass:\"mb-3\",attrs:{\"value\":_vm.value,\"max\":_vm.max2,\"show-value\":\"\"}}),_c('h6',[_vm._v(\"Progress label\")]),_c('CProgress',{staticClass:\"mb-3\",attrs:{\"value\":_vm.value,\"max\":_vm.max2,\"show-percentage\":\"\"}}),_c('h6',[_vm._v(\"Value label with precision\")]),_c('CProgress',{staticClass:\"mb-3\",attrs:{\"value\":_vm.value,\"max\":_vm.max2,\"precision\":2,\"show-value\":\"\"}}),_c('h6',[_vm._v(\"Progress label with precision\")]),_c('CProgress',{staticClass:\"mb-3\",attrs:{\"value\":_vm.value,\"max\":_vm.max2,\"precision\":2,\"show-percentage\":\"\"}})],1)],1),_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_c('strong',[_vm._v(\" Progress \")]),_c('small',[_vm._v(\"width\")])],1),_c('CCardBody',[_c('h6',[_vm._v(\"Default width\")]),_c('CProgress',{staticClass:\"mb-3\",attrs:{\"value\":_vm.value3}}),_c('h6',[_vm._v(\"Custom widths\")]),_c('CProgress',{staticClass:\"w-75 mb-2\",attrs:{\"value\":_vm.value3}}),_c('CProgress',{staticClass:\"w-50 mb-2\",attrs:{\"value\":_vm.value3}}),_c('CProgress',{staticClass:\"w-25\",attrs:{\"value\":_vm.value3}})],1)],1),_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_c('strong',[_vm._v(\" Progress \")]),_c('small',[_vm._v(\"height\")])],1),_c('CCardBody',[_c('h6',[_vm._v(\"Default height\")]),_c('CProgress',{staticClass:\"mb-3\",attrs:{\"value\":_vm.value3,\"show-percentage\":\"\"}}),_c('h6',[_vm._v(\"Custom heights\")]),_c('CProgress',{staticClass:\"mb-2\",attrs:{\"size\":\"xs\",\"value\":_vm.value3,\"show-percentage\":\"\"}}),_c('CProgress',{staticClass:\"mb-2\",attrs:{\"size\":\"sm\",\"value\":_vm.value3,\"show-percentage\":\"\"}}),_c('CProgress',{staticClass:\"mb-2\",staticStyle:{\"height\":\"2rem\"},attrs:{\"value\":_vm.value3,\"show-percentage\":\"\"}}),_c('CProgress',{staticClass:\"mb-2\",staticStyle:{\"height\":\"20px\"},attrs:{\"value\":_vm.value3,\"show-percentage\":\"\"}}),_c('CProgress',{staticStyle:{\"height\":\"2px\"},attrs:{\"value\":_vm.value3}})],1)],1),_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_c('strong',[_vm._v(\" Progress \")]),_c('small',[_vm._v(\"colors\")])],1),_c('CCardBody',_vm._l((_vm.bars),function(bar,index){return _c('div',{key:index,staticClass:\"row mb-1\"},[_c('div',{staticClass:\"col-sm-2\"},[_vm._v(_vm._s(bar.color)+\":\")]),_c('div',{staticClass:\"col-sm-10 pt-1\"},[_c('CProgress',{key:bar.color,attrs:{\"value\":bar.value,\"color\":bar.color}})],1)])}),0)],1),_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_c('strong',[_vm._v(\" Progress \")]),_c('small',[_vm._v(\"striped\")])],1),_c('CCardBody',[_c('CProgress',{staticClass:\"mb-2\",attrs:{\"value\":25,\"color\":\"success\",\"striped\":_vm.striped}}),_c('CProgress',{staticClass:\"mb-2\",attrs:{\"value\":50,\"color\":\"info\",\"striped\":_vm.striped}}),_c('CProgress',{staticClass:\"mb-2\",attrs:{\"value\":75,\"color\":\"warning\",\"striped\":_vm.striped}}),_c('CProgress',{staticClass:\"mb-2\",attrs:{\"value\":100,\"color\":\"danger\",\"striped\":_vm.striped}}),_c('CButton',{attrs:{\"color\":\"secondary\"},on:{\"click\":function($event){_vm.striped = !_vm.striped}}},[_vm._v(\" \"+_vm._s(_vm.striped ? 'Remove' : 'Add')+\" Striped \")])],1)],1),_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_c('strong',[_vm._v(\" Progress \")]),_c('small',[_vm._v(\"animated\")])],1),_c('CCardBody',[_c('CProgress',{staticClass:\"mb-2\",attrs:{\"value\":25,\"color\":\"success\",\"striped\":\"\",\"animated\":_vm.animate}}),_c('CProgress',{staticClass:\"mb-2\",attrs:{\"value\":50,\"color\":\"info\",\"striped\":\"\",\"animated\":_vm.animate}}),_c('CProgress',{staticClass:\"mb-2\",attrs:{\"value\":75,\"color\":\"warning\",\"striped\":\"\",\"animated\":_vm.animate}}),_c('CProgress',{staticClass:\"mb-3\",attrs:{\"value\":100,\"color\":\"danger\",\"animated\":_vm.animate}}),_c('CButton',{attrs:{\"color\":\"secondary\"},on:{\"click\":function($event){_vm.animate = !_vm.animate}}},[_vm._v(\" \"+_vm._s(_vm.animate ? 'Stop' : 'Start')+\" Animation \")])],1)],1),_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_c('strong',[_vm._v(\" Progress \")]),_c('small',[_vm._v(\"multiple bars\")])],1),_c('CCardBody',[_c('CProgress',{staticClass:\"mb-3\",attrs:{\"max\":_vm.max3}},[_c('CProgressBar',{attrs:{\"color\":\"gradient-primary\",\"value\":_vm.values[0]}}),_c('CProgressBar',{attrs:{\"color\":\"gradient-success\",\"value\":_vm.values[1]}}),_c('CProgressBar',{attrs:{\"color\":\"gradient-info\",\"value\":_vm.values[2]}})],1),_c('CProgress',{staticClass:\"mb-3\",attrs:{\"show-percentage\":\"\",\"max\":_vm.max3}},[_c('CProgressBar',{attrs:{\"color\":\"gradient-primary\",\"value\":_vm.values[0]}}),_c('CProgressBar',{attrs:{\"color\":\"gradient-success\",\"value\":_vm.values[1]}}),_c('CProgressBar',{attrs:{\"color\":\"gradient-info\",\"value\":_vm.values[2]}})],1),_c('CProgress',{staticClass:\"mb-3\",attrs:{\"show-value\":\"\",\"striped\":\"\",\"max\":_vm.max3}},[_c('CProgressBar',{attrs:{\"color\":\"gradient-primary\",\"value\":_vm.values[0]}}),_c('CProgressBar',{attrs:{\"color\":\"gradient-success\",\"value\":_vm.values[1]}}),_c('CProgressBar',{attrs:{\"color\":\"gradient-info\",\"value\":_vm.values[2]}})],1),_c('CProgress',{staticClass:\"mb-3\",attrs:{\"max\":_vm.max3}},[_c('CProgressBar',{attrs:{\"color\":\"gradient-primary\",\"value\":_vm.values[0],\"show-percentage\":\"\"}}),_c('CProgressBar',{attrs:{\"color\":\"success\",\"value\":_vm.values[1],\"animated\":\"\",\"show-percentage\":\"\"}}),_c('CProgressBar',{attrs:{\"color\":\"gradient-info\",\"value\":_vm.values[2],\"striped\":\"\",\"show-percentage\":\"\"}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <CCard>\r\n      <CCardHeader>\r\n        <CIcon name=\"cil-justify-center\"/>\r\n        <strong> Bootstrap Progress</strong>\r\n        <div class=\"card-header-actions\">\r\n          <a \r\n            href=\"https://coreui.io/vue/docs/components/progress\" \r\n            class=\"card-header-action\" \r\n            rel=\"noreferrer noopener\" \r\n            target=\"_blank\"\r\n          >\r\n            <small class=\"text-muted\">docs</small>\r\n          </a>\r\n        </div>\r\n      </CCardHeader>\r\n      <CCardBody>\r\n        <CProgress :value=\"counter\" :max=\"max\" show-percentage animated></CProgress>\r\n        <CProgress class=\"mt-1\" :max=\"max\" show-value>\r\n          <CProgressBar :value=\"counter*(6/10)\" color=\"gradient-success\"/>\r\n          <CProgressBar :value=\"counter*(2.5/10)\" color=\"gradient-warning\"/>\r\n          <CProgressBar :value=\"counter*(1.5/10)\" color=\"gradient-danger\"/>\r\n        </CProgress>\r\n        <CButton \r\n          @click=\"clicked\"\r\n          color=\"secondary\"\r\n          class=\"mt-4\" \r\n        >\r\n          Click me to animate progress bars\r\n        </CButton>\r\n      </CCardBody>\r\n    </CCard>\r\n    <CCard>\r\n      <CCardHeader>\r\n        <CIcon name=\"cil-justify-center\"/> <strong> Progress </strong><small>labels</small>\r\n      </CCardHeader>\r\n      <CCardBody>\r\n        <h6>No label</h6>\r\n        <CProgress :value=\"value\" :max=\"max2\" class=\"mb-3\"/>\r\n        <h6>Value label</h6>\r\n        <CProgress :value=\"value\" :max=\"max2\" show-value class=\"mb-3\"/>\r\n        <h6>Progress label</h6>\r\n        <CProgress :value=\"value\" :max=\"max2\" show-percentage class=\"mb-3\"/>\r\n        <h6>Value label with precision</h6>\r\n        <CProgress :value=\"value\" :max=\"max2\" :precision=\"2\" show-value class=\"mb-3\"/>\r\n        <h6>Progress label with precision</h6>\r\n        <CProgress :value=\"value\" :max=\"max2\" :precision=\"2\" show-percentage class=\"mb-3\"/>\r\n      </CCardBody>\r\n    </CCard>\r\n    <CCard>\r\n      <CCardHeader>\r\n        <CIcon name=\"cil-justify-center\"/>\r\n        <strong> Progress </strong>\r\n        <small>width</small>\r\n      </CCardHeader>\r\n      <CCardBody>\r\n        <h6>Default width</h6>\r\n        <CProgress :value=\"value3\" class=\"mb-3\"/>\r\n        <h6>Custom widths</h6>\r\n        <CProgress :value=\"value3\" class=\"w-75 mb-2\"/>\r\n        <CProgress :value=\"value3\" class=\"w-50 mb-2\"/>\r\n        <CProgress :value=\"value3\" class=\"w-25\"/>\r\n      </CCardBody>\r\n    </CCard>\r\n    <CCard>\r\n      <CCardHeader>\r\n        <CIcon name=\"cil-justify-center\"/>\r\n        <strong> Progress </strong>\r\n        <small>height</small>\r\n      </CCardHeader>\r\n      <CCardBody>\r\n        <h6>Default height</h6>\r\n        <CProgress :value=\"value3\" show-percentage class=\"mb-3\"/>\r\n        <h6>Custom heights</h6>\r\n        <CProgress size=\"xs\" :value=\"value3\" show-percentage class=\"mb-2\"/>\r\n        <CProgress size=\"sm\" :value=\"value3\" show-percentage class=\"mb-2\"/>\r\n        <CProgress style=\"height:2rem\" :value=\"value3\" show-percentage class=\"mb-2\"/>\r\n        <CProgress style=\"height:20px\" :value=\"value3\" show-percentage class=\"mb-2\"/>\r\n        <CProgress style=\"height:2px\" :value=\"value3\"/>\r\n      </CCardBody>\r\n    </CCard>\r\n    <CCard>\r\n      <CCardHeader>\r\n        <CIcon name=\"cil-justify-center\"/>\r\n        <strong> Progress </strong>\r\n        <small>colors</small>\r\n      </CCardHeader>\r\n      <CCardBody>\r\n        <div :key=\"index\" v-for=\"(bar, index) in bars\" class=\"row mb-1\">\r\n          <div class=\"col-sm-2\">{{ bar.color }}:</div>\r\n          <div class=\"col-sm-10 pt-1\">\r\n            <CProgress\r\n              :value=\"bar.value\"\r\n              :color=\"bar.color\"\r\n              :key=\"bar.color\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </CCardBody>\r\n    </CCard>\r\n    <CCard>\r\n      <CCardHeader>\r\n        <CIcon name=\"cil-justify-center\"/>\r\n        <strong> Progress </strong>\r\n        <small>striped</small>\r\n      </CCardHeader>\r\n      <CCardBody>\r\n        <CProgress\r\n          :value=\"25\"\r\n          color=\"success\"\r\n          :striped=\"striped\"\r\n          class=\"mb-2\"\r\n        />\r\n        <CProgress\r\n          :value=\"50\"\r\n          color=\"info\"\r\n          :striped=\"striped\"\r\n          class=\"mb-2\"\r\n        />\r\n        <CProgress\r\n          :value=\"75\"\r\n          color=\"warning\"\r\n          :striped=\"striped\"\r\n          class=\"mb-2\"\r\n        />\r\n        <CProgress\r\n          :value=\"100\"\r\n          color=\"danger\"\r\n          :striped=\"striped\"\r\n          class=\"mb-2\"\r\n        />\r\n        <CButton color=\"secondary\" @click=\"striped = !striped\">\r\n          {{ striped ? 'Remove' : 'Add'}} Striped\r\n        </CButton>\r\n      </CCardBody>\r\n    </CCard>\r\n    <CCard>\r\n      <CCardHeader>\r\n        <CIcon name=\"cil-justify-center\"/>\r\n        <strong> Progress </strong>\r\n        <small>animated</small>\r\n      </CCardHeader>\r\n      <CCardBody>\r\n        <CProgress\r\n          :value=\"25\"\r\n          color=\"success\"\r\n          striped\r\n          :animated=\"animate\"\r\n          class=\"mb-2\"\r\n        />\r\n        <CProgress\r\n          :value=\"50\"\r\n          color=\"info\"\r\n          striped\r\n          :animated=\"animate\"\r\n          class=\"mb-2\"\r\n        />\r\n        <CProgress\r\n          :value=\"75\"\r\n          color=\"warning\"\r\n          striped\r\n          :animated=\"animate\"\r\n          class=\"mb-2\"\r\n        />\r\n        <CProgress\r\n          :value=\"100\"\r\n          color=\"danger\"\r\n          :animated=\"animate\"\r\n          class=\"mb-3\"\r\n        />\r\n        <CButton color=\"secondary\" @click=\"animate = !animate\">\r\n          {{ animate ? 'Stop' : 'Start'}} Animation\r\n        </CButton>\r\n      </CCardBody>\r\n    </CCard>\r\n    <CCard>\r\n      <CCardHeader>\r\n        <CIcon name=\"cil-justify-center\"/>\r\n        <strong> Progress </strong>\r\n        <small>multiple bars</small>\r\n      </CCardHeader>\r\n      <CCardBody>\r\n        <CProgress :max=\"max3\" class=\"mb-3\">\r\n          <CProgressBar color=\"gradient-primary\" :value=\"values[0]\"/>\r\n          <CProgressBar color=\"gradient-success\" :value=\"values[1]\"/>\r\n          <CProgressBar color=\"gradient-info\" :value=\"values[2]\"/>\r\n        </CProgress>\r\n        <CProgress show-percentage :max=\"max3\" class=\"mb-3\">\r\n          <CProgressBar color=\"gradient-primary\" :value=\"values[0]\"/>\r\n          <CProgressBar color=\"gradient-success\" :value=\"values[1]\"/>\r\n          <CProgressBar color=\"gradient-info\" :value=\"values[2]\"/>\r\n        </CProgress>\r\n        <CProgress show-value striped :max=\"max3\" class=\"mb-3\">\r\n          <CProgressBar color=\"gradient-primary\" :value=\"values[0]\"/>\r\n          <CProgressBar color=\"gradient-success\" :value=\"values[1]\"/>\r\n          <CProgressBar color=\"gradient-info\" :value=\"values[2]\"/>\r\n        </CProgress>\r\n        <CProgress :max=\"max3\" class=\"mb-3\">\r\n          <CProgressBar color=\"gradient-primary\" :value=\"values[0]\" show-percentage/>\r\n          <CProgressBar color=\"success\" :value=\"values[1]\" animated show-percentage/>\r\n          <CProgressBar color=\"gradient-info\" :value=\"values[2]\" striped show-percentage/>\r\n        </CProgress>\r\n      </CCardBody>\r\n    </CCard>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ProgressBars',\r\n  data () {\r\n    return {\r\n      counter: 73,\r\n      max: 100,\r\n      max2: 50,\r\n      value: 33.333333333,\r\n      value3: 75,\r\n      bars: [\r\n        {color: 'gradient-success', value: 75},\r\n        {color: 'gradient-info', value: 75},\r\n        {color: 'gradient-warning', value: 75},\r\n        {color: 'gradient-danger', value: 75},\r\n        {color: 'gradient-primary', value: 75},\r\n        {color: 'gradient-secondary', value: 75},\r\n        {color: 'gradient-dark', value: 75}\r\n      ],\r\n      timer: null,\r\n      striped: true,\r\n      animate: true,\r\n      max3: 100,\r\n      values: [ 15, 30, 20 ]\r\n    }\r\n  },\r\n  methods: {\r\n    clicked () {\r\n      this.counter = Math.random() * this.max\r\n    }\r\n  },\r\n  mounted () {\r\n    this.timer = setInterval(() => {\r\n      this.bars.forEach(bar => {\r\n        bar.value = 25 + (Math.random() * 75)\r\n      })\r\n    }, 2000)\r\n  },\r\n  beforeDestroy () {\r\n    clearInterval(this.timer)\r\n    this.timer = null\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!./ProgressBars.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!./ProgressBars.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProgressBars.vue?vue&type=template&id=f18dd3da&\"\nimport script from \"./ProgressBars.vue?vue&type=script&lang=js&\"\nexport * from \"./ProgressBars.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":""}