{"version":3,"sources":["webpack:///./src/views/base/ProgressBars.vue?17f6","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","_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":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACA,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,wBAAwBF,EAAG,SAAS,CAACJ,EAAIO,GAAG,yBAAyBH,EAAG,MAAM,CAACI,YAAY,uBAAuB,CAACJ,EAAG,IAAI,CAACI,YAAY,qBAAqBF,MAAM,CAAC,KAAO,iDAAiD,IAAM,sBAAsB,OAAS,WAAW,CAACF,EAAG,QAAQ,CAACI,YAAY,cAAc,CAACR,EAAIO,GAAG,eAAe,GAAGH,EAAG,YAAY,CAACA,EAAG,YAAY,CAACE,MAAM,CAAC,MAAQN,EAAIS,QAAQ,IAAMT,EAAIU,IAAI,kBAAkB,GAAG,SAAW,MAAMN,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,IAAMN,EAAIU,IAAI,aAAa,KAAK,CAACN,EAAG,eAAe,CAACE,MAAM,CAAC,MAAoB,GAAZN,EAAIS,QAAe,MAAQ,aAAaL,EAAG,eAAe,CAACE,MAAM,CAAC,MAAoB,IAAZN,EAAIS,QAAiB,MAAQ,aAAaL,EAAG,eAAe,CAACE,MAAM,CAAC,MAAoB,IAAZN,EAAIS,QAAiB,MAAQ,aAAa,GAAGL,EAAG,UAAU,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQ,aAAaK,GAAG,CAAC,MAAQX,EAAIY,UAAU,CAACZ,EAAIO,GAAG,0CAA0C,IAAI,GAAGH,EAAG,QAAQ,CAACA,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,wBAAwBN,EAAIO,GAAG,KAAKH,EAAG,SAAS,CAACJ,EAAIO,GAAG,gBAAgBH,EAAG,QAAQ,CAACJ,EAAIO,GAAG,aAAa,GAAGH,EAAG,YAAY,CAACA,EAAG,KAAK,CAACJ,EAAIO,GAAG,cAAcH,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQN,EAAIa,MAAM,IAAMb,EAAIc,QAAQV,EAAG,KAAK,CAACJ,EAAIO,GAAG,iBAAiBH,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQN,EAAIa,MAAM,IAAMb,EAAIc,KAAK,aAAa,MAAMV,EAAG,KAAK,CAACJ,EAAIO,GAAG,oBAAoBH,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQN,EAAIa,MAAM,IAAMb,EAAIc,KAAK,kBAAkB,MAAMV,EAAG,KAAK,CAACJ,EAAIO,GAAG,gCAAgCH,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQN,EAAIa,MAAM,IAAMb,EAAIc,KAAK,UAAY,EAAE,aAAa,MAAMV,EAAG,KAAK,CAACJ,EAAIO,GAAG,mCAAmCH,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQN,EAAIa,MAAM,IAAMb,EAAIc,KAAK,UAAY,EAAE,kBAAkB,OAAO,IAAI,GAAGV,EAAG,QAAQ,CAACA,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,wBAAwBF,EAAG,SAAS,CAACJ,EAAIO,GAAG,gBAAgBH,EAAG,QAAQ,CAACJ,EAAIO,GAAG,YAAY,GAAGH,EAAG,YAAY,CAACA,EAAG,KAAK,CAACJ,EAAIO,GAAG,mBAAmBH,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQN,EAAIe,UAAUX,EAAG,KAAK,CAACJ,EAAIO,GAAG,mBAAmBH,EAAG,YAAY,CAACI,YAAY,YAAYF,MAAM,CAAC,MAAQN,EAAIe,UAAUX,EAAG,YAAY,CAACI,YAAY,YAAYF,MAAM,CAAC,MAAQN,EAAIe,UAAUX,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQN,EAAIe,WAAW,IAAI,GAAGX,EAAG,QAAQ,CAACA,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,wBAAwBF,EAAG,SAAS,CAACJ,EAAIO,GAAG,gBAAgBH,EAAG,QAAQ,CAACJ,EAAIO,GAAG,aAAa,GAAGH,EAAG,YAAY,CAACA,EAAG,KAAK,CAACJ,EAAIO,GAAG,oBAAoBH,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQN,EAAIe,OAAO,kBAAkB,MAAMX,EAAG,KAAK,CAACJ,EAAIO,GAAG,oBAAoBH,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,OAAS,OAAO,MAAQN,EAAIe,OAAO,kBAAkB,MAAMX,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,OAAS,OAAO,MAAQN,EAAIe,OAAO,kBAAkB,MAAMX,EAAG,YAAY,CAACE,MAAM,CAAC,OAAS,MAAM,MAAQN,EAAIe,WAAW,IAAI,GAAGX,EAAG,QAAQ,CAACA,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,wBAAwBF,EAAG,SAAS,CAACJ,EAAIO,GAAG,gBAAgBH,EAAG,QAAQ,CAACJ,EAAIO,GAAG,aAAa,GAAGH,EAAG,YAAYJ,EAAIgB,GAAIhB,EAAQ,MAAE,SAASiB,EAAIC,GAAO,OAAOd,EAAG,MAAM,CAACe,IAAID,EAAMV,YAAY,YAAY,CAACJ,EAAG,MAAM,CAACI,YAAY,YAAY,CAACR,EAAIO,GAAGP,EAAIoB,GAAGH,EAAII,OAAO,OAAOjB,EAAG,MAAM,CAACI,YAAY,kBAAkB,CAACJ,EAAG,YAAY,CAACe,IAAIF,EAAII,MAAMf,MAAM,CAAC,MAAQW,EAAIJ,MAAM,MAAQI,EAAII,UAAU,QAAO,IAAI,GAAGjB,EAAG,QAAQ,CAACA,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,wBAAwBF,EAAG,SAAS,CAACJ,EAAIO,GAAG,gBAAgBH,EAAG,QAAQ,CAACJ,EAAIO,GAAG,cAAc,GAAGH,EAAG,YAAY,CAACA,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQ,GAAG,MAAQ,UAAU,QAAUN,EAAIsB,WAAWlB,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQ,GAAG,MAAQ,OAAO,QAAUN,EAAIsB,WAAWlB,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQ,GAAG,MAAQ,UAAU,QAAUN,EAAIsB,WAAWlB,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQ,IAAI,MAAQ,SAAS,QAAUN,EAAIsB,WAAWlB,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,aAAaK,GAAG,CAAC,MAAQ,SAASY,GAAQvB,EAAIsB,SAAWtB,EAAIsB,WAAW,CAACtB,EAAIO,GAAG,IAAIP,EAAIoB,GAAGpB,EAAIsB,QAAU,SAAW,OAAO,gBAAgB,IAAI,GAAGlB,EAAG,QAAQ,CAACA,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,wBAAwBF,EAAG,SAAS,CAACJ,EAAIO,GAAG,gBAAgBH,EAAG,QAAQ,CAACJ,EAAIO,GAAG,eAAe,GAAGH,EAAG,YAAY,CAACA,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQ,GAAG,MAAQ,UAAU,QAAU,GAAG,SAAWN,EAAIwB,WAAWpB,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQ,GAAG,MAAQ,OAAO,QAAU,GAAG,SAAWN,EAAIwB,WAAWpB,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQ,GAAG,MAAQ,UAAU,QAAU,GAAG,SAAWN,EAAIwB,WAAWpB,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,MAAQ,IAAI,MAAQ,SAAS,SAAWN,EAAIwB,WAAWpB,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,aAAaK,GAAG,CAAC,MAAQ,SAASY,GAAQvB,EAAIwB,SAAWxB,EAAIwB,WAAW,CAACxB,EAAIO,GAAG,IAAIP,EAAIoB,GAAGpB,EAAIwB,QAAU,OAAS,SAAS,kBAAkB,IAAI,GAAGpB,EAAG,QAAQ,CAACA,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,wBAAwBF,EAAG,SAAS,CAACJ,EAAIO,GAAG,gBAAgBH,EAAG,QAAQ,CAACJ,EAAIO,GAAG,oBAAoB,GAAGH,EAAG,YAAY,CAACA,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,IAAMN,EAAIyB,OAAO,CAACrB,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,UAAU,MAAQN,EAAI0B,OAAO,MAAMtB,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,UAAU,MAAQN,EAAI0B,OAAO,MAAMtB,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,OAAO,MAAQN,EAAI0B,OAAO,OAAO,GAAGtB,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,kBAAkB,GAAG,IAAMN,EAAIyB,OAAO,CAACrB,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,UAAU,MAAQN,EAAI0B,OAAO,MAAMtB,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,UAAU,MAAQN,EAAI0B,OAAO,MAAMtB,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,OAAO,MAAQN,EAAI0B,OAAO,OAAO,GAAGtB,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,aAAa,GAAG,QAAU,GAAG,IAAMN,EAAIyB,OAAO,CAACrB,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,UAAU,MAAQN,EAAI0B,OAAO,MAAMtB,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,UAAU,MAAQN,EAAI0B,OAAO,MAAMtB,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,OAAO,MAAQN,EAAI0B,OAAO,OAAO,GAAGtB,EAAG,YAAY,CAACI,YAAY,OAAOF,MAAM,CAAC,IAAMN,EAAIyB,OAAO,CAACrB,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,UAAU,MAAQN,EAAI0B,OAAO,GAAG,kBAAkB,MAAMtB,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,UAAU,MAAQN,EAAI0B,OAAO,GAAG,SAAW,GAAG,kBAAkB,MAAMtB,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,OAAO,MAAQN,EAAI0B,OAAO,GAAG,QAAU,GAAG,kBAAkB,OAAO,IAAI,IAAI,IAAI,IACtuMC,EAAkB,GC8MtB,GACEC,KAAM,eACNC,KAFF,WAGI,MAAO,CACLpB,QAAS,GACTC,IAAK,IACLI,KAAM,GACND,MAAO,aACPE,OAAQ,GACRe,KAAM,CACZ,CAAQ,MAAR,UAAQ,MAAR,IACA,CAAQ,MAAR,OAAQ,MAAR,IACA,CAAQ,MAAR,UAAQ,MAAR,IACA,CAAQ,MAAR,SAAQ,MAAR,IACA,CAAQ,MAAR,UAAQ,MAAR,IACA,CAAQ,MAAR,YAAQ,MAAR,IACA,CAAQ,MAAR,OAAQ,MAAR,KAEMC,MAAO,KACPT,SAAS,EACTE,SAAS,EACTC,KAAM,IACNC,OAAQ,CAAC,GAAf,SAGEM,QAAS,CACPpB,QADJ,WAEMX,KAAKQ,QAAUwB,KAAKC,SAAWjC,KAAKS,MAGxCyB,QA9BF,WA8BA,WACIlC,KAAK8B,MAAQK,aAAY,WACvB,EAAN,0BACQnB,EAAIJ,MAAQ,GAApB,GAAyB,KAAzB,cAEA,MAEEwB,cArCF,WAsCIC,cAAcrC,KAAK8B,OACnB9B,KAAK8B,MAAQ,OCtPoV,I,YCOjWQ,EAAY,eACd,EACAxC,EACA4B,GACA,EACA,KACA,KACA,MAIa,aAAAY,E","file":"js/chunk-2d0f06bd.18bb0e41.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\":\"success\"}}),_c('CProgressBar',{attrs:{\"value\":_vm.counter*(2.5/10),\"color\":\"warning\"}}),_c('CProgressBar',{attrs:{\"value\":_vm.counter*(1.5/10),\"color\":\"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:{\"height\":\"2rem\",\"value\":_vm.value3,\"show-percentage\":\"\"}}),_c('CProgress',{staticClass:\"mb-2\",attrs:{\"height\":\"20px\",\"value\":_vm.value3,\"show-percentage\":\"\"}}),_c('CProgress',{attrs:{\"height\":\"2px\",\"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\":\"primary\",\"value\":_vm.values[0]}}),_c('CProgressBar',{attrs:{\"color\":\"success\",\"value\":_vm.values[1]}}),_c('CProgressBar',{attrs:{\"color\":\"info\",\"value\":_vm.values[2]}})],1),_c('CProgress',{staticClass:\"mb-3\",attrs:{\"show-percentage\":\"\",\"max\":_vm.max3}},[_c('CProgressBar',{attrs:{\"color\":\"primary\",\"value\":_vm.values[0]}}),_c('CProgressBar',{attrs:{\"color\":\"success\",\"value\":_vm.values[1]}}),_c('CProgressBar',{attrs:{\"color\":\"info\",\"value\":_vm.values[2]}})],1),_c('CProgress',{staticClass:\"mb-3\",attrs:{\"show-value\":\"\",\"striped\":\"\",\"max\":_vm.max3}},[_c('CProgressBar',{attrs:{\"color\":\"primary\",\"value\":_vm.values[0]}}),_c('CProgressBar',{attrs:{\"color\":\"success\",\"value\":_vm.values[1]}}),_c('CProgressBar',{attrs:{\"color\":\"info\",\"value\":_vm.values[2]}})],1),_c('CProgress',{staticClass:\"mb-3\",attrs:{\"max\":_vm.max3}},[_c('CProgressBar',{attrs:{\"color\":\"primary\",\"value\":_vm.values[0],\"show-percentage\":\"\"}}),_c('CProgressBar',{attrs:{\"color\":\"success\",\"value\":_vm.values[1],\"animated\":\"\",\"show-percentage\":\"\"}}),_c('CProgressBar',{attrs:{\"color\":\"info\",\"value\":_vm.values[2],\"striped\":\"\",\"show-percentage\":\"\"}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <CCard>\n      <CCardHeader>\n        <CIcon name=\"cil-justify-center\"/>\n        <strong> Bootstrap Progress</strong>\n        <div class=\"card-header-actions\">\n          <a \n            href=\"https://coreui.io/vue/docs/components/progress\" \n            class=\"card-header-action\" \n            rel=\"noreferrer noopener\" \n            target=\"_blank\"\n          >\n            <small class=\"text-muted\">docs</small>\n          </a>\n        </div>\n      </CCardHeader>\n      <CCardBody>\n        <CProgress :value=\"counter\" :max=\"max\" show-percentage animated></CProgress>\n        <CProgress class=\"mt-1\" :max=\"max\" show-value>\n          <CProgressBar :value=\"counter*(6/10)\" color=\"success\"/>\n          <CProgressBar :value=\"counter*(2.5/10)\" color=\"warning\"/>\n          <CProgressBar :value=\"counter*(1.5/10)\" color=\"danger\"/>\n        </CProgress>\n        <CButton \n          @click=\"clicked\"\n          color=\"secondary\"\n          class=\"mt-4\" \n        >\n          Click me to animate progress bars\n        </CButton>\n      </CCardBody>\n    </CCard>\n    <CCard>\n      <CCardHeader>\n        <CIcon name=\"cil-justify-center\"/> <strong> Progress </strong><small>labels</small>\n      </CCardHeader>\n      <CCardBody>\n        <h6>No label</h6>\n        <CProgress :value=\"value\" :max=\"max2\" class=\"mb-3\"/>\n        <h6>Value label</h6>\n        <CProgress :value=\"value\" :max=\"max2\" show-value class=\"mb-3\"/>\n        <h6>Progress label</h6>\n        <CProgress :value=\"value\" :max=\"max2\" show-percentage class=\"mb-3\"/>\n        <h6>Value label with precision</h6>\n        <CProgress :value=\"value\" :max=\"max2\" :precision=\"2\" show-value class=\"mb-3\"/>\n        <h6>Progress label with precision</h6>\n        <CProgress :value=\"value\" :max=\"max2\" :precision=\"2\" show-percentage class=\"mb-3\"/>\n      </CCardBody>\n    </CCard>\n    <CCard>\n      <CCardHeader>\n        <CIcon name=\"cil-justify-center\"/>\n        <strong> Progress </strong>\n        <small>width</small>\n      </CCardHeader>\n      <CCardBody>\n        <h6>Default width</h6>\n        <CProgress :value=\"value3\" class=\"mb-3\"/>\n        <h6>Custom widths</h6>\n        <CProgress :value=\"value3\" class=\"w-75 mb-2\"/>\n        <CProgress :value=\"value3\" class=\"w-50 mb-2\"/>\n        <CProgress :value=\"value3\" class=\"w-25\"/>\n      </CCardBody>\n    </CCard>\n    <CCard>\n      <CCardHeader>\n        <CIcon name=\"cil-justify-center\"/>\n        <strong> Progress </strong>\n        <small>height</small>\n      </CCardHeader>\n      <CCardBody>\n        <h6>Default height</h6>\n        <CProgress :value=\"value3\" show-percentage class=\"mb-3\"/>\n        <h6>Custom heights</h6>\n        <CProgress height=\"2rem\" :value=\"value3\" show-percentage class=\"mb-2\"/>\n        <CProgress height=\"20px\" :value=\"value3\" show-percentage class=\"mb-2\"/>\n        <CProgress height=\"2px\" :value=\"value3\"/>\n      </CCardBody>\n    </CCard>\n    <CCard>\n      <CCardHeader>\n        <CIcon name=\"cil-justify-center\"/>\n        <strong> Progress </strong>\n        <small>colors</small>\n      </CCardHeader>\n      <CCardBody>\n        <div :key=\"index\" v-for=\"(bar, index) in bars\" class=\"row mb-1\">\n          <div class=\"col-sm-2\">{{ bar.color }}:</div>\n          <div class=\"col-sm-10 pt-1\">\n            <CProgress\n              :value=\"bar.value\"\n              :color=\"bar.color\"\n              :key=\"bar.color\"\n            />\n          </div>\n        </div>\n      </CCardBody>\n    </CCard>\n    <CCard>\n      <CCardHeader>\n        <CIcon name=\"cil-justify-center\"/>\n        <strong> Progress </strong>\n        <small>striped</small>\n      </CCardHeader>\n      <CCardBody>\n        <CProgress\n          :value=\"25\"\n          color=\"success\"\n          :striped=\"striped\"\n          class=\"mb-2\"\n        />\n        <CProgress\n          :value=\"50\"\n          color=\"info\"\n          :striped=\"striped\"\n          class=\"mb-2\"\n        />\n        <CProgress\n          :value=\"75\"\n          color=\"warning\"\n          :striped=\"striped\"\n          class=\"mb-2\"\n        />\n        <CProgress\n          :value=\"100\"\n          color=\"danger\"\n          :striped=\"striped\"\n          class=\"mb-2\"\n        />\n        <CButton color=\"secondary\" @click=\"striped = !striped\">\n          {{ striped ? 'Remove' : 'Add'}} Striped\n        </CButton>\n      </CCardBody>\n    </CCard>\n    <CCard>\n      <CCardHeader>\n        <CIcon name=\"cil-justify-center\"/>\n        <strong> Progress </strong>\n        <small>animated</small>\n      </CCardHeader>\n      <CCardBody>\n        <CProgress\n          :value=\"25\"\n          color=\"success\"\n          striped\n          :animated=\"animate\"\n          class=\"mb-2\"\n        />\n        <CProgress\n          :value=\"50\"\n          color=\"info\"\n          striped\n          :animated=\"animate\"\n          class=\"mb-2\"\n        />\n        <CProgress\n          :value=\"75\"\n          color=\"warning\"\n          striped\n          :animated=\"animate\"\n          class=\"mb-2\"\n        />\n        <CProgress\n          :value=\"100\"\n          color=\"danger\"\n          :animated=\"animate\"\n          class=\"mb-3\"\n        />\n        <CButton color=\"secondary\" @click=\"animate = !animate\">\n          {{ animate ? 'Stop' : 'Start'}} Animation\n        </CButton>\n      </CCardBody>\n    </CCard>\n    <CCard>\n      <CCardHeader>\n        <CIcon name=\"cil-justify-center\"/>\n        <strong> Progress </strong>\n        <small>multiple bars</small>\n      </CCardHeader>\n      <CCardBody>\n        <CProgress :max=\"max3\" class=\"mb-3\">\n          <CProgressBar color=\"primary\" :value=\"values[0]\"/>\n          <CProgressBar color=\"success\" :value=\"values[1]\"/>\n          <CProgressBar color=\"info\" :value=\"values[2]\"/>\n        </CProgress>\n        <CProgress show-percentage :max=\"max3\" class=\"mb-3\">\n          <CProgressBar color=\"primary\" :value=\"values[0]\"/>\n          <CProgressBar color=\"success\" :value=\"values[1]\"/>\n          <CProgressBar color=\"info\" :value=\"values[2]\"/>\n        </CProgress>\n        <CProgress show-value striped :max=\"max3\" class=\"mb-3\">\n          <CProgressBar color=\"primary\" :value=\"values[0]\"/>\n          <CProgressBar color=\"success\" :value=\"values[1]\"/>\n          <CProgressBar color=\"info\" :value=\"values[2]\"/>\n        </CProgress>\n        <CProgress :max=\"max3\" class=\"mb-3\">\n          <CProgressBar color=\"primary\" :value=\"values[0]\" show-percentage/>\n          <CProgressBar color=\"success\" :value=\"values[1]\" animated show-percentage/>\n          <CProgressBar color=\"info\" :value=\"values[2]\" striped show-percentage/>\n        </CProgress>\n      </CCardBody>\n    </CCard>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ProgressBars',\n  data () {\n    return {\n      counter: 73,\n      max: 100,\n      max2: 50,\n      value: 33.333333333,\n      value3: 75,\n      bars: [\n        {color: 'success', value: 75},\n        {color: 'info', value: 75},\n        {color: 'warning', value: 75},\n        {color: 'danger', value: 75},\n        {color: 'primary', value: 75},\n        {color: 'secondary', value: 75},\n        {color: 'dark', value: 75}\n      ],\n      timer: null,\n      striped: true,\n      animate: true,\n      max3: 100,\n      values: [ 15, 30, 20 ]\n    }\n  },\n  methods: {\n    clicked () {\n      this.counter = Math.random() * this.max\n    }\n  },\n  mounted () {\n    this.timer = setInterval(() => {\n      this.bars.forEach(bar => {\n        bar.value = 25 + (Math.random() * 75)\n      })\n    }, 2000)\n  },\n  beforeDestroy () {\n    clearInterval(this.timer)\n    this.timer = null\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/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=c1282fa8&\"\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":""}