{"version":3,"sources":["webpack:///../examples/progressspinner/ProgressSpinnerColorDemo.vue?1961","webpack:///../examples/progressspinner/ProgressSpinnerColorDemo.vue","webpack:///../examples/progressspinner/ProgressSpinnerColorDemo.vue?a9a2","webpack:///../core/components/progress-spinner/ProgressSpinner.vue","webpack:///../core/components/progress-spinner/ProgressSpinner.vue?c3d6","webpack:///../core/components/progress-spinner/index.js","webpack:///./node_modules/core-js/internals/array-fill.js","webpack:///../core/components/progress-spinner/ProgressSpinner.vue?5ec1","webpack:///./node_modules/core-js/modules/es.array.fill.js"],"names":["class","color","data","value","interval","methods","startProgress","this","setInterval","newValue","Math","floor","random","endProgress","clearInterval","mounted","beforeDestroy","components","LvProgressSpinner","__exports__","render","role","aria-busy","style","size","viewBox","svgStyle","cx","cy","r","fill","stroke-width","strokeWidth","animStyle","strokeMiterlimit","name","props","type","String","default","animationDuration","computed","stroke","toObject","toAbsoluteIndex","toLength","module","exports","O","length","argumentsLength","arguments","index","undefined","end","endPos","$","addToUnscopables","target","proto"],"mappings":"mHAAA,W,wICCOA,MAAM,iC,kHAAX,eAIM,MAJN,EAIM,CAHJ,eAAqB,GACrB,eAAqC,GAAlBC,MAAM,YACzB,eAAiC,GAAdA,MAAM,a,YAOd,GACbC,KADa,WAEX,MAAO,CACLC,MAAO,IAGXC,SAAU,KACVC,QAAS,CACPC,cADO,WACS,WACdC,KAAKH,SAAWI,aAAY,WAC1B,IAAIC,EAAW,EAAKN,MAAQO,KAAKC,MAAsB,GAAhBD,KAAKE,UAAiB,EACzDH,GAAY,MACdA,EAAW,GAEb,EAAKN,MAAQM,IACZ,MAELI,YAVO,WAWLC,cAAcP,KAAKH,UACnBG,KAAKH,SAAW,OAGpBW,QAtBa,WAuBXR,KAAKD,iBAEPU,cAzBa,WA0BXT,KAAKM,eAEPI,WAAY,CACVC,kBAAA,S,kCCjCJ,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,8GCRX,eAIO,QAJDpB,MAAM,sBAAsBqB,KAAK,QAAQC,YAAU,OAAQC,MAAK,+BAAoC,EAAAC,KAAI,MAAS,EAAAA,O,mBACnH,eAEM,OAFDxB,MAAM,0BAA0ByB,QAAQ,cAAeF,MAAO,EAAAG,U,CAC/D,eAAsJ,UAA9I1B,MAAM,6BAA6B2B,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAMC,KAAM,EAAAA,KAAOC,eAAc,EAAAC,YAAcT,MAAO,EAAAU,UAAWC,iBAAiB,M,0CAM5I,OACXC,KAAM,oBACNC,MAAO,CACHJ,YAAa,CACTK,KAAMC,OACNC,QAAS,KAEbT,KAAM,CACFO,KAAMC,OACNC,QAAS,QAEbC,kBAAmB,CACfH,KAAMC,OACNC,QAAS,MAEbf,KAAM,CACFa,KAAMC,OACNC,QAAS,QAEbtC,MAAO,CACHoC,KAAMC,OACNC,QAAS,YAGjBE,SAAU,CACNf,SADM,WAEF,MAAO,CACH,qBAAsBnB,KAAKiC,oBAGnCP,UANM,WAOF,MAAO,CACH,qBAAsB1B,KAAKiC,kBAC3BE,OAAQnC,KAAKN,U,iCCnC7B,MAAMkB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,QCRAF,U,6DCAf,IAAIyB,EAAW,EAAQ,QACnBC,EAAkB,EAAQ,QAC1BC,EAAW,EAAQ,QAIvBC,EAAOC,QAAU,SAAc5C,GAC7B,IAAI6C,EAAIL,EAASpC,MACb0C,EAASJ,EAASG,EAAEC,QACpBC,EAAkBC,UAAUF,OAC5BG,EAAQR,EAAgBM,EAAkB,EAAIC,UAAU,QAAKE,EAAWJ,GACxEK,EAAMJ,EAAkB,EAAIC,UAAU,QAAKE,EAC3CE,OAAiBF,IAARC,EAAoBL,EAASL,EAAgBU,EAAKL,GAC/D,MAAOM,EAASH,EAAOJ,EAAEI,KAAWjD,EACpC,OAAO6C,I,kCCfT,W,qBCAA,IAAIQ,EAAI,EAAQ,QACZ1B,EAAO,EAAQ,QACf2B,EAAmB,EAAQ,QAI/BD,EAAE,CAAEE,OAAQ,QAASC,OAAO,GAAQ,CAClC7B,KAAMA,IAIR2B,EAAiB,S","file":"js/chunk-4366a0a2.c9df577b.js","sourcesContent":["export * from \"-!../../docs-v3/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../docs-v3/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../docs-v3/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../docs-v3/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../docs-v3/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../docs-v3/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./ProgressSpinnerColorDemo.vue?vue&type=style&index=0&id=1a530256&scoped=true&lang=css\"","<template>\n  <div class=\"progress-spinner-demo-wrapper\">\n    <LvProgressSpinner />\n    <LvProgressSpinner color=\"#38b2ac\" />\n    <LvProgressSpinner color=\"red\" />\n  </div>\n</template>\n\n<script>\nimport LvProgressSpinner from 'lightvue/progress-spinner';\n\nexport default {\n  data() {\n    return {\n      value: 0,\n    };\n  },\n  interval: null,\n  methods: {\n    startProgress() {\n      this.interval = setInterval(() => {\n        let newValue = this.value + Math.floor(Math.random() * 10) + 1;\n        if (newValue >= 100) {\n          newValue = 0;\n        }\n        this.value = newValue;\n      }, 2000);\n    },\n    endProgress() {\n      clearInterval(this.interval);\n      this.interval = null;\n    },\n  },\n  mounted() {\n    this.startProgress();\n  },\n  beforeDestroy() {\n    this.endProgress();\n  },\n  components: {\n    LvProgressSpinner,\n  },\n};\n</script>\n\n<style scoped>\n.progress-spinner-demo-wrapper {\n  display: flex;\n  flex-flow: row wrap;\n  width: 80%;\n}\n</style>\n","import { render } from \"./ProgressSpinnerColorDemo.vue?vue&type=template&id=1a530256&scoped=true\"\nimport script from \"./ProgressSpinnerColorDemo.vue?vue&type=script&lang=js\"\nexport * from \"./ProgressSpinnerColorDemo.vue?vue&type=script&lang=js\"\n\nimport \"./ProgressSpinnerColorDemo.vue?vue&type=style&index=0&id=1a530256&scoped=true&lang=css\"\n\nimport exportComponent from \"/opt/build/repo/docs-v3/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1a530256\"]])\n\nexport default __exports__","<template>\n    <span class=\"lv-progress-spinner\" role=\"alert\" aria-busy=\"true\" :style=\"{display: 'inline-block', height: size, width: size}\">\n        <svg class=\"lv-progress-spinner-svg\" viewBox=\"25 25 50 50\" :style=\"svgStyle\">\n            <circle class=\"lv-progress-spinner-circle\" cx=\"50\" cy=\"50\" r=\"20\" :fill=\"fill\" :stroke-width=\"strokeWidth\" :style=\"animStyle\" strokeMiterlimit=\"10\" />\n        </svg>\n    </span>\n</template>\n\n<script>\nexport default {\n    name: 'LvProgressspinner',\n    props: {\n        strokeWidth: {\n            type: String,\n            default: '2'\n        },\n        fill: {\n            type: String,\n            default: 'none'\n        },\n        animationDuration: {\n            type: String,\n            default: '2s'\n        },\n        size: {\n            type: String,\n            default: '75px'\n        },\n        color: {\n            type: String,\n            default: \"#607c8a\",\n        },\n    },\n    computed: {\n        svgStyle() {\n            return {\n                'animation-duration': this.animationDuration\n            };\n        },\n        animStyle() {\n            return {\n                'animation-duration': this.animationDuration,\n                stroke: this.color\n            };\n        }\n    }\n}\n</script>\n\n<style>\n.lv-progress-spinner {\n    position: relative;\n    margin: 0 auto;\n    /* width: 100px; */\n    /* height: 100px; */\n    display: inline-block;\n}\n\n.lv-progress-spinner::before {\n     content: '';\n     display: block;\n     padding-top: 100%;\n}\n\n.lv-progress-spinner-svg {\n    animation: lv-progress-spinner-rotate 2s linear infinite;\n    height: 100%;\n    transform-origin: center center;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n}\n\n.lv-progress-spinner-circle {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: 0;\n    stroke: #d62d20;\n    animation: lv-progress-spinner-dash 1.5s ease-in-out infinite;\n     /* lv-progress-spinner-color 6s ease-in-out infinite; */\n    stroke-linecap: round;\n}\n\n@keyframes lv-progress-spinner-rotate {\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n@keyframes lv-progress-spinner-dash {\n    0% {\n        stroke-dasharray: 1, 200;\n        stroke-dashoffset: 0;\n    }\n    50% {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: -35px;\n    }\n    100% {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: -124px;\n    }\n}\n\n@keyframes lv-progress-spinner-color {\n    100%,\n    0% {\n        stroke: #d62d20;\n    }\n    40% {\n        stroke: #0057e7;\n    }\n    66% {\n        stroke: #008744;\n    }\n    80%,\n    90% {\n        stroke: #ffa700;\n    }\n}\n</style>\n","import { render } from \"./ProgressSpinner.vue?vue&type=template&id=722dbb2b\"\nimport script from \"./ProgressSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./ProgressSpinner.vue?vue&type=script&lang=js\"\n\nimport \"./ProgressSpinner.vue?vue&type=style&index=0&id=722dbb2b&lang=css\"\n\nimport exportComponent from \"/opt/build/repo/docs-v3/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import LvProgressSpinner from './ProgressSpinner.vue';\nexport default LvProgressSpinner;\n","'use strict';\nvar toObject = require('../internals/to-object');\nvar toAbsoluteIndex = require('../internals/to-absolute-index');\nvar toLength = require('../internals/to-length');\n\n// `Array.prototype.fill` method implementation\n// https://tc39.es/ecma262/#sec-array.prototype.fill\nmodule.exports = function fill(value /* , start = 0, end = @length */) {\n  var O = toObject(this);\n  var length = toLength(O.length);\n  var argumentsLength = arguments.length;\n  var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);\n  var end = argumentsLength > 2 ? arguments[2] : undefined;\n  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);\n  while (endPos > index) O[index++] = value;\n  return O;\n};\n","export * from \"-!../../../docs-v3/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../docs-v3/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../docs-v3/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../docs-v3/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../docs-v3/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../docs-v3/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./ProgressSpinner.vue?vue&type=style&index=0&id=722dbb2b&lang=css\"","var $ = require('../internals/export');\nvar fill = require('../internals/array-fill');\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\n// `Array.prototype.fill` method\n// https://tc39.es/ecma262/#sec-array.prototype.fill\n$({ target: 'Array', proto: true }, {\n  fill: fill\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('fill');\n"],"sourceRoot":""}