{"version":3,"sources":["webpack:///./src/views/base/ProgressBars.vue?8f3c","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","staticClass","attrs","slot","_v","counter","max","on","clicked","value","max2","value3","_l","bar","index","key","_s","variant","striped","$event","animate","max3","values","staticRenderFns","name","data","bars","timer","methods","Math","random","console","log","mounted","setInterval","beforeDestroy","clearInterval","component"],"mappings":"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","file":"js/chunk-2d0f06bd.1c0aeea6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"animated fadeIn\"},[_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_c('strong',[_vm._v(\" Bootstrap Progress\")]),_c('div',{staticClass:\"card-header-actions\"},[_c('a',{staticClass:\"card-header-action\",attrs:{\"href\":\"https://bootstrap-vue.js.org/docs/components/progress\",\"rel\":\"noreferrer noopener\",\"target\":\"_blank\"}},[_c('small',{staticClass:\"text-muted\"},[_vm._v(\"docs\")])])])]),_c('div',[_c('b-progress',{attrs:{\"value\":_vm.counter,\"max\":_vm.max,\"show-progress\":\"\",\"animated\":\"\"}}),_c('b-progress',{staticClass:\"mt-1\",attrs:{\"max\":_vm.max,\"show-value\":\"\"}},[_c('b-progress-bar',{attrs:{\"value\":_vm.counter*(6/10),\"variant\":\"success\"}}),_c('b-progress-bar',{attrs:{\"value\":_vm.counter*(2.5/10),\"variant\":\"warning\"}}),_c('b-progress-bar',{attrs:{\"value\":_vm.counter*(1.5/10),\"variant\":\"danger\"}})],1),_c('b-btn',{staticClass:\"mt-4\",on:{\"click\":_vm.clicked}},[_vm._v(\"Click me\")])],1)]),_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_c('strong',[_vm._v(\" Progress \")]),_c('small',[_vm._v(\"labels\")])]),_c('div',[_c('h6',[_vm._v(\"No label\")]),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":_vm.value,\"max\":_vm.max2}}),_c('h6',[_vm._v(\"Value label\")]),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":_vm.value,\"max\":_vm.max2,\"show-value\":\"\"}}),_c('h6',[_vm._v(\"Progress label\")]),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":_vm.value,\"max\":_vm.max2,\"show-progress\":\"\"}}),_c('h6',[_vm._v(\"Value label with precision\")]),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":_vm.value,\"max\":_vm.max2,\"precision\":2,\"show-value\":\"\"}}),_c('h6',[_vm._v(\"Progress label with precision\")]),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":_vm.value,\"max\":_vm.max2,\"precision\":2,\"show-progress\":\"\"}})],1)]),_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_c('strong',[_vm._v(\" Progress \")]),_c('small',[_vm._v(\"width\")])]),_c('div',[_c('h6',[_vm._v(\"Default width\")]),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":_vm.value3}}),_c('h6',[_vm._v(\"Custom widths\")]),_c('b-progress',{staticClass:\"w-75 mb-2\",attrs:{\"value\":_vm.value3}}),_c('b-progress',{staticClass:\"w-50 mb-2\",attrs:{\"value\":_vm.value3}}),_c('b-progress',{staticClass:\"w-25\",attrs:{\"value\":_vm.value3}})],1)]),_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_c('strong',[_vm._v(\" Progress \")]),_c('small',[_vm._v(\"height\")])]),_c('div',[_c('h6',[_vm._v(\"Default height\")]),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":_vm.value3,\"show-progress\":\"\"}}),_c('h6',[_vm._v(\"Custom heights\")]),_c('b-progress',{staticClass:\"mb-2\",attrs:{\"height\":\"2rem\",\"value\":_vm.value3,\"show-progress\":\"\"}}),_c('b-progress',{staticClass:\"mb-2\",attrs:{\"height\":\"20px\",\"value\":_vm.value3,\"show-progress\":\"\"}}),_c('b-progress',{attrs:{\"height\":\"2px\",\"value\":_vm.value3}})],1)]),_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_c('strong',[_vm._v(\" Progress \")]),_c('small',[_vm._v(\"variants\")])]),_c('div',_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.variant)+\":\")]),_c('div',{staticClass:\"col-sm-10 pt-1\"},[_c('b-progress',{key:bar.variant,attrs:{\"value\":bar.value,\"variant\":bar.variant}})],1)])}),0)]),_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_c('strong',[_vm._v(\" Progress \")]),_c('small',[_vm._v(\"striped\")])]),_c('div',[_c('b-progress',{staticClass:\"mb-2\",attrs:{\"value\":25,\"variant\":\"success\",\"striped\":_vm.striped}}),_c('b-progress',{staticClass:\"mb-2\",attrs:{\"value\":50,\"variant\":\"info\",\"striped\":_vm.striped}}),_c('b-progress',{staticClass:\"mb-2\",attrs:{\"value\":75,\"variant\":\"warning\",\"striped\":_vm.striped}}),_c('b-progress',{staticClass:\"mb-2\",attrs:{\"value\":100,\"variant\":\"danger\",\"striped\":_vm.striped}}),_c('b-button',{attrs:{\"variant\":\"secondary\"},on:{\"click\":function($event){_vm.striped = !_vm.striped}}},[_vm._v(\"\\n          \"+_vm._s(_vm.striped ? 'Remove' : 'Add')+\" Striped\\n        \")])],1)]),_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_c('strong',[_vm._v(\" Progress \")]),_c('small',[_vm._v(\"animated\")])]),_c('div',[_c('b-progress',{staticClass:\"mb-2\",attrs:{\"value\":25,\"variant\":\"success\",\"striped\":\"\",\"animated\":_vm.animate}}),_c('b-progress',{staticClass:\"mb-2\",attrs:{\"value\":50,\"variant\":\"info\",\"striped\":\"\",\"animated\":_vm.animate}}),_c('b-progress',{staticClass:\"mb-2\",attrs:{\"value\":75,\"variant\":\"warning\",\"striped\":\"\",\"animated\":_vm.animate}}),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":100,\"variant\":\"danger\",\"animated\":_vm.animate}}),_c('b-button',{attrs:{\"variant\":\"secondary\"},on:{\"click\":function($event){_vm.animate = !_vm.animate}}},[_vm._v(\"\\n          \"+_vm._s(_vm.animate ? 'Stop' : 'Start')+\" Animation\\n        \")])],1)]),_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_c('strong',[_vm._v(\" Progress \")]),_c('small',[_vm._v(\"multiple bars\")])]),_c('div',[_c('b-progress',{staticClass:\"mb-3\",attrs:{\"max\":_vm.max3}},[_c('b-progress-bar',{attrs:{\"variant\":\"primary\",\"value\":_vm.values[0]}}),_c('b-progress-bar',{attrs:{\"variant\":\"success\",\"value\":_vm.values[1]}}),_c('b-progress-bar',{attrs:{\"variant\":\"info\",\"value\":_vm.values[2]}})],1),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"show-progress\":\"\",\"max\":_vm.max3}},[_c('b-progress-bar',{attrs:{\"variant\":\"primary\",\"value\":_vm.values[0]}}),_c('b-progress-bar',{attrs:{\"variant\":\"success\",\"value\":_vm.values[1]}}),_c('b-progress-bar',{attrs:{\"variant\":\"info\",\"value\":_vm.values[2]}})],1),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"show-value\":\"\",\"striped\":\"\",\"max\":_vm.max3}},[_c('b-progress-bar',{attrs:{\"variant\":\"primary\",\"value\":_vm.values[0]}}),_c('b-progress-bar',{attrs:{\"variant\":\"success\",\"value\":_vm.values[1]}}),_c('b-progress-bar',{attrs:{\"variant\":\"info\",\"value\":_vm.values[2]}})],1),_c('b-progress',{staticClass:\"mb-3\",attrs:{\"max\":_vm.max3}},[_c('b-progress-bar',{attrs:{\"variant\":\"primary\",\"value\":_vm.values[0],\"show-progress\":\"\"}}),_c('b-progress-bar',{attrs:{\"variant\":\"success\",\"value\":_vm.values[1],\"animated\":\"\",\"show-progress\":\"\"}}),_c('b-progress-bar',{attrs:{\"variant\":\"info\",\"value\":_vm.values[2],\"striped\":\"\",\"show-progress\":\"\"}})],1)],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"wrapper\">\r\n    <div class=\"animated fadeIn\">\r\n      <b-card\r\n        header-tag=\"header\"\r\n        footer-tag=\"footer\">\r\n        <div slot=\"header\">\r\n          <i class=\"fa fa-align-justify\"></i><strong> Bootstrap Progress</strong>\r\n          <div class=\"card-header-actions\">\r\n            <a href=\"https://bootstrap-vue.js.org/docs/components/progress\" class=\"card-header-action\" rel=\"noreferrer noopener\" target=\"_blank\">\r\n              <small class=\"text-muted\">docs</small>\r\n            </a>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <b-progress :value=\"counter\" :max=\"max\" show-progress animated></b-progress>\r\n          <b-progress class=\"mt-1\" :max=\"max\" show-value>\r\n            <b-progress-bar :value=\"counter*(6/10)\" variant=\"success\"></b-progress-bar>\r\n            <b-progress-bar :value=\"counter*(2.5/10)\" variant=\"warning\"></b-progress-bar>\r\n            <b-progress-bar :value=\"counter*(1.5/10)\" variant=\"danger\"></b-progress-bar>\r\n          </b-progress>\r\n          <b-btn class=\"mt-4\" @click=\"clicked\">Click me</b-btn>\r\n        </div>\r\n      </b-card>\r\n      <b-card\r\n        header-tag=\"header\"\r\n        footer-tag=\"footer\">\r\n        <div slot=\"header\">\r\n          <i class=\"fa fa-align-justify\"></i> <strong> Progress </strong><small>labels</small>\r\n        </div>\r\n        <div>\r\n          <h6>No label</h6>\r\n          <b-progress :value=\"value\" :max=\"max2\" class=\"mb-3\"></b-progress>\r\n          <h6>Value label</h6>\r\n          <b-progress :value=\"value\" :max=\"max2\" show-value class=\"mb-3\"></b-progress>\r\n          <h6>Progress label</h6>\r\n          <b-progress :value=\"value\" :max=\"max2\" show-progress class=\"mb-3\"></b-progress>\r\n          <h6>Value label with precision</h6>\r\n          <b-progress :value=\"value\" :max=\"max2\" :precision=\"2\" show-value class=\"mb-3\"></b-progress>\r\n          <h6>Progress label with precision</h6>\r\n          <b-progress :value=\"value\" :max=\"max2\" :precision=\"2\" show-progress class=\"mb-3\"></b-progress>\r\n        </div>\r\n      </b-card>\r\n      <b-card\r\n        header-tag=\"header\"\r\n        footer-tag=\"footer\">\r\n        <div slot=\"header\">\r\n          <i class=\"fa fa-align-justify\"></i><strong> Progress </strong><small>width</small>\r\n        </div>\r\n        <div>\r\n          <h6>Default width</h6>\r\n          <b-progress :value=\"value3\" class=\"mb-3\"></b-progress>\r\n          <h6>Custom widths</h6>\r\n          <b-progress :value=\"value3\" class=\"w-75 mb-2\"></b-progress>\r\n          <b-progress :value=\"value3\" class=\"w-50 mb-2\"></b-progress>\r\n          <b-progress :value=\"value3\" class=\"w-25\"></b-progress>\r\n        </div>\r\n      </b-card>\r\n      <b-card\r\n        header-tag=\"header\"\r\n        footer-tag=\"footer\">\r\n        <div slot=\"header\">\r\n          <i class=\"fa fa-align-justify\"></i><strong> Progress </strong><small>height</small>\r\n        </div>\r\n        <div>\r\n          <h6>Default height</h6>\r\n          <b-progress :value=\"value3\" show-progress class=\"mb-3\"></b-progress>\r\n          <h6>Custom heights</h6>\r\n          <b-progress height=\"2rem\" :value=\"value3\" show-progress class=\"mb-2\"></b-progress>\r\n          <b-progress height=\"20px\" :value=\"value3\" show-progress class=\"mb-2\"></b-progress>\r\n          <b-progress height=\"2px\" :value=\"value3\"></b-progress>\r\n        </div>\r\n      </b-card>\r\n      <b-card\r\n        header-tag=\"header\"\r\n        footer-tag=\"footer\">\r\n        <div slot=\"header\">\r\n          <i class=\"fa fa-align-justify\"></i><strong> Progress </strong><small>variants</small>\r\n        </div>\r\n        <div>\r\n          <div :key=\"index\" v-for=\"(bar, index) in bars\" class=\"row mb-1\">\r\n            <div class=\"col-sm-2\">{{ bar.variant }}:</div>\r\n            <div class=\"col-sm-10 pt-1\">\r\n              <b-progress :value=\"bar.value\"\r\n                          :variant=\"bar.variant\"\r\n                          :key=\"bar.variant\"\r\n              ></b-progress>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </b-card>\r\n      <b-card\r\n        header-tag=\"header\"\r\n        footer-tag=\"footer\">\r\n        <div slot=\"header\">\r\n          <i class=\"fa fa-align-justify\"></i><strong> Progress </strong><small>striped</small>\r\n        </div>\r\n        <div>\r\n          <b-progress :value=\"25\" variant=\"success\" :striped=\"striped\" class=\"mb-2\"></b-progress>\r\n          <b-progress :value=\"50\" variant=\"info\" :striped=\"striped\" class=\"mb-2\"></b-progress>\r\n          <b-progress :value=\"75\" variant=\"warning\" :striped=\"striped\" class=\"mb-2\"></b-progress>\r\n          <b-progress :value=\"100\" variant=\"danger\" :striped=\"striped\" class=\"mb-2\"></b-progress>\r\n          <b-button variant=\"secondary\" @click=\"striped = !striped\">\r\n            {{ striped ? 'Remove' : 'Add'}} Striped\r\n          </b-button>\r\n        </div>\r\n      </b-card>\r\n      <b-card\r\n        header-tag=\"header\"\r\n        footer-tag=\"footer\">\r\n        <div slot=\"header\">\r\n          <i class=\"fa fa-align-justify\"></i><strong> Progress </strong><small>animated</small>\r\n        </div>\r\n        <div>\r\n          <b-progress :value=\"25\" variant=\"success\" striped :animated=\"animate\" class=\"mb-2\"></b-progress>\r\n          <b-progress :value=\"50\" variant=\"info\" striped :animated=\"animate\" class=\"mb-2\"></b-progress>\r\n          <b-progress :value=\"75\" variant=\"warning\" striped :animated=\"animate\" class=\"mb-2\"></b-progress>\r\n          <b-progress :value=\"100\" variant=\"danger\" :animated=\"animate\" class=\"mb-3\"></b-progress>\r\n          <b-button variant=\"secondary\" @click=\"animate = !animate\">\r\n            {{ animate ? 'Stop' : 'Start'}} Animation\r\n          </b-button>\r\n        </div>\r\n      </b-card>\r\n      <b-card\r\n        header-tag=\"header\"\r\n        footer-tag=\"footer\">\r\n        <div slot=\"header\">\r\n          <i class=\"fa fa-align-justify\"></i><strong> Progress </strong><small>multiple bars</small>\r\n        </div>\r\n        <div>\r\n          <b-progress :max=\"max3\" class=\"mb-3\">\r\n            <b-progress-bar variant=\"primary\" :value=\"values[0]\"></b-progress-bar>\r\n            <b-progress-bar variant=\"success\" :value=\"values[1]\"></b-progress-bar>\r\n            <b-progress-bar variant=\"info\" :value=\"values[2]\"></b-progress-bar>\r\n          </b-progress>\r\n          <b-progress show-progress :max=\"max3\" class=\"mb-3\">\r\n            <b-progress-bar variant=\"primary\" :value=\"values[0]\"></b-progress-bar>\r\n            <b-progress-bar variant=\"success\" :value=\"values[1]\"></b-progress-bar>\r\n            <b-progress-bar variant=\"info\" :value=\"values[2]\"></b-progress-bar>\r\n          </b-progress>\r\n          <b-progress show-value striped :max=\"max3\" class=\"mb-3\">\r\n            <b-progress-bar variant=\"primary\" :value=\"values[0]\"></b-progress-bar>\r\n            <b-progress-bar variant=\"success\" :value=\"values[1]\"></b-progress-bar>\r\n            <b-progress-bar variant=\"info\" :value=\"values[2]\"></b-progress-bar>\r\n          </b-progress>\r\n          <b-progress :max=\"max3\" class=\"mb-3\">\r\n            <b-progress-bar variant=\"primary\" :value=\"values[0]\" show-progress></b-progress-bar>\r\n            <b-progress-bar variant=\"success\" :value=\"values[1]\" animated show-progress></b-progress-bar>\r\n            <b-progress-bar variant=\"info\" :value=\"values[2]\" striped show-progress></b-progress-bar>\r\n          </b-progress>\r\n        </div>\r\n      </b-card>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'progress-bars',\r\n  data () {\r\n    return {\r\n      counter: 45,\r\n      max: 100,\r\n      max2: 50,\r\n      value: 33.333333333,\r\n      value3: 75,\r\n      bars: [\r\n        {variant: 'success', value: 75},\r\n        {variant: 'info', value: 75},\r\n        {variant: 'warning', value: 75},\r\n        {variant: 'danger', value: 75},\r\n        {variant: 'primary', value: 75},\r\n        {variant: 'secondary', value: 75},\r\n        {variant: '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      console.log('Change progress to ' +\r\n          Math.round(this.counter * 100) / 100)\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\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=51aa171a&\"\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":""}