{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/components/spinner/Spinner.vue?ae69","webpack:///./src/views/components/spinner/SpinnerBorder.vue?468a","webpack:///./src/views/components/spinner/code.js","webpack:///src/views/components/spinner/SpinnerBorder.vue","webpack:///./src/views/components/spinner/SpinnerBorder.vue?2cad","webpack:///./src/views/components/spinner/SpinnerBorder.vue","webpack:///./src/views/components/spinner/SpinnerColor.vue?6e7e","webpack:///src/views/components/spinner/SpinnerColor.vue","webpack:///./src/views/components/spinner/SpinnerColor.vue?f6bb","webpack:///./src/views/components/spinner/SpinnerColor.vue","webpack:///./src/views/components/spinner/SpinnerGrow.vue?732a","webpack:///src/views/components/spinner/SpinnerGrow.vue","webpack:///./src/views/components/spinner/SpinnerGrow.vue?b886","webpack:///./src/views/components/spinner/SpinnerGrow.vue","webpack:///./src/views/components/spinner/SpinnerGrowColor.vue?42de","webpack:///src/views/components/spinner/SpinnerGrowColor.vue","webpack:///./src/views/components/spinner/SpinnerGrowColor.vue?8c9e","webpack:///./src/views/components/spinner/SpinnerGrowColor.vue","webpack:///./src/views/components/spinner/SpinnerSize.vue?bc0a","webpack:///src/views/components/spinner/SpinnerSize.vue","webpack:///./src/views/components/spinner/SpinnerSize.vue?46d8","webpack:///./src/views/components/spinner/SpinnerSize.vue","webpack:///./src/views/components/spinner/SpinnerFlex.vue?8505","webpack:///src/views/components/spinner/SpinnerFlex.vue","webpack:///./src/views/components/spinner/SpinnerFlex.vue?705c","webpack:///./src/views/components/spinner/SpinnerFlex.vue","webpack:///./src/views/components/spinner/SpinnerFloat.vue?12d8","webpack:///src/views/components/spinner/SpinnerFloat.vue","webpack:///./src/views/components/spinner/SpinnerFloat.vue?5aff","webpack:///./src/views/components/spinner/SpinnerFloat.vue","webpack:///./src/views/components/spinner/SpinnerTextAlign.vue?3c64","webpack:///src/views/components/spinner/SpinnerTextAlign.vue","webpack:///./src/views/components/spinner/SpinnerTextAlign.vue?6fcc","webpack:///./src/views/components/spinner/SpinnerTextAlign.vue","webpack:///./src/views/components/spinner/SpinnerButton.vue?6b2b","webpack:///src/views/components/spinner/SpinnerButton.vue","webpack:///./src/views/components/spinner/SpinnerButton.vue?4bf3","webpack:///./src/views/components/spinner/SpinnerButton.vue","webpack:///src/views/components/spinner/Spinner.vue","webpack:///./src/views/components/spinner/Spinner.vue?cfe6","webpack:///./src/views/components/spinner/Spinner.vue"],"names":["BCardCode","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codeBorder","proxy","codeBorderColor","codeButton","codeFlex","codeFloat","codeGrow","codeGrowColor","codeSize","codeTextAlign","components","BSpinner","BCardText","data","component","_l","variant","variants","staticStyle","BButton","BRow","BCol","SpinnerBorder","SpinnerColor","SpinnerGrow","SpinnerGrowColor","SpinnerSize","SpinnerFlex","SpinnerFloat","SpinnerTextAlign","SpinnerButton"],"mappings":"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","file":"js/chunk-7f020480.7d8403b6.js","sourcesContent":["import BCardCode from './BCardCode.vue'\r\n\r\nexport default BCardCode\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('spinner-border')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('spinner-color')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('spinner-grow')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('spinner-grow-color')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('spinner-flex')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('spinner-float')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('spinner-text-align')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('spinner-size')],1),_c('b-col',[_c('spinner-button')],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('b-card-code',{attrs:{\"title\":\"Border Spinners\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeBorder)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Use the default \")]),_c('code',[_vm._v(\"border\")]),_c('span',[_vm._v(\" type spinners for a lightweight loading indicator.\")])]),_c('b-spinner',{attrs:{\"label\":\"Loading...\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeBorder = `\r\n<template>\r\n  <b-spinner label=\"Loading...\" />\r\n</template>\r\n\r\n<script>\r\nimport { BSpinner } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BSpinner,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeBorderColor = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-spinner\r\n      v-for=\"variant in variants\"\r\n      :key=\"variant\"\r\n      class=\"mr-1\"\r\n      :variant=\"variant\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BSpinner } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BSpinner,\r\n  },\r\n  data: () => ({\r\n    variants: ['primary', 'secondary', 'danger', 'warning', 'success', 'info', 'light', 'dark'],\r\n  }),\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeButton = `\r\n<template>\r\n  <div>\r\n    <b-button\r\n      variant=\"primary\"\r\n      disabled\r\n      class=\"mr-1\"\r\n    >\r\n      <b-spinner small />\r\n      <span class=\"sr-only\">Loading...</span>\r\n    </b-button>\r\n\r\n    <b-button\r\n      variant=\"primary\"\r\n      disabled\r\n      class=\"mr-1\"\r\n    >\r\n      <b-spinner small />\r\n      Loading...\r\n    </b-button>\r\n\r\n    <b-button\r\n      variant=\"primary\"\r\n      disabled\r\n      class=\"mr-1\"\r\n    >\r\n      <b-spinner\r\n        small\r\n        type=\"grow\"\r\n      />\r\n      <span class=\"sr-only\">Loading...</span>\r\n    </b-button>\r\n\r\n    <b-button\r\n      variant=\"primary\"\r\n      disabled\r\n      class=\"mr-1\"\r\n    >\r\n      <b-spinner\r\n        small\r\n        type=\"grow\"\r\n      />\r\n      Loading...\r\n    </b-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BSpinner, BButton } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BButton,\r\n    BSpinner,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeFlex = `\r\n<template>\r\n  <div>\r\n    <div class=\"d-flex justify-content-center mb-1\">\r\n      <b-spinner label=\"Loading...\" />\r\n    </div>\r\n    <div class=\"d-flex align-items-center\">\r\n      <strong>Loading...</strong>\r\n      <b-spinner class=\"ml-auto\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BSpinner } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BSpinner,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeFloat = `\r\n<template>\r\n  <div class=\"clearfix\">\r\n    <b-spinner class=\"float-right\" label=\"Floated Right\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BSpinner } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BSpinner,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeGrow = `\r\n<template>\r\n  <b-spinner type=\"grow\" label=\"Loading...\" />\r\n</template>\r\n\r\n<script>\r\nimport { BSpinner } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BSpinner,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeGrowColor = `\r\n<template>\r\n  <div class=\"d-flex flex-wrap\">\r\n    <b-spinner\r\n      v-for=\"variant in variants\"\r\n      :key=\"variant\"\r\n      :variant=\"variant\"\r\n      class=\"mr-1\"\r\n      type=\"grow\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BSpinner } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BSpinner,\r\n  },\r\n  data: () => ({\r\n    variants: ['primary', 'secondary', 'danger', 'warning', 'success', 'info', 'light', 'dark'],\r\n  }),\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeSize = `\r\n<template>\r\n  <div class=\"text-center d-flex justify-content-between\">\r\n    <div>\r\n      <b-spinner\r\n        small\r\n        class=\"mr-1\"\r\n        label=\"Small Spinner\"\r\n      />\r\n      <b-spinner\r\n        small\r\n        label=\"Small Spinner\"\r\n        type=\"grow\"\r\n      />\r\n    </div>\r\n    <div>\r\n      <b-spinner\r\n        class=\"mr-1\"\r\n        label=\"Small Spinner\"\r\n      />\r\n      <b-spinner\r\n        label=\"Small Spinner\"\r\n        type=\"grow\"\r\n      />\r\n    </div>\r\n    <div>\r\n      <b-spinner\r\n        style=\"width: 3rem; height: 3rem;\"\r\n        class=\"mr-1\"\r\n        label=\"Large Spinner\"\r\n      />\r\n      <b-spinner\r\n        style=\"width: 3rem; height: 3rem;\"\r\n        label=\"Large Spinner\"\r\n        type=\"grow\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BSpinner } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BSpinner,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeTextAlign = `\r\n<template>\r\n  <div class=\"text-center\">\r\n    <b-spinner variant=\"primary\" label=\"Text Centered\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BSpinner } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BSpinner,\r\n  }\r\n}\r\n</script>\r\n`\r\n","<template>\r\n  <b-card-code title=\"Border Spinners\">\r\n    <b-card-text>\r\n      <span>Use the default </span>\r\n      <code>border</code>\r\n      <span> type spinners for a lightweight loading indicator.</span>\r\n    </b-card-text>\r\n\r\n    <b-spinner label=\"Loading...\" />\r\n\r\n    <template #code>\r\n      {{ codeBorder }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BSpinner, BCardText } from 'bootstrap-vue'\r\nimport { codeBorder } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BSpinner,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeBorder,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerBorder.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerBorder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpinnerBorder.vue?vue&type=template&id=43ab3954&\"\nimport script from \"./SpinnerBorder.vue?vue&type=script&lang=js&\"\nexport * from \"./SpinnerBorder.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Colored Spinners\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeBorderColor)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"You can customize the color using the standard text color variants using the \")]),_c('code',[_vm._v(\"variant\")]),_c('span',[_vm._v(\" prop.\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},_vm._l((_vm.variants),function(variant){return _c('b-spinner',{key:variant,staticClass:\"mr-1\",attrs:{\"variant\":variant}})}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Colored Spinners\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>You can customize the color using the standard text color variants using the </span>\r\n      <code>variant</code>\r\n      <span> prop.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-spinner\r\n        v-for=\"variant in variants\"\r\n        :key=\"variant\"\r\n        class=\"mr-1\"\r\n        :variant=\"variant\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeBorderColor }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BSpinner, BCardText } from 'bootstrap-vue'\r\nimport { codeBorderColor } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BSpinner,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      variants: ['primary', 'secondary', 'danger', 'warning', 'success', 'info', 'light', 'dark'],\r\n      codeBorderColor,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerColor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpinnerColor.vue?vue&type=template&id=b3eed01e&\"\nimport script from \"./SpinnerColor.vue?vue&type=script&lang=js&\"\nexport * from \"./SpinnerColor.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Growing Spinner\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeGrow)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"If you don't fancy a \")]),_c('code',[_vm._v(\"border\")]),_c('span',[_vm._v(\" spinner, switch to the \")]),_c('code',[_vm._v(\"grow\")]),_c('span',[_vm._v(\" spinner by setting the prop \")]),_c('code',[_vm._v(\"type\")]),_c('span',[_vm._v(\" to \")]),_c('code',[_vm._v(\"'grow'\")]),_vm._v(\". \"),_c('span',[_vm._v(\"While it doesn't technically spin, it does repeatedly grow!\")])]),_c('b-spinner',{attrs:{\"type\":\"grow\",\"label\":\"Loading...\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Growing Spinner\"\r\n  >\r\n    <b-card-text>\r\n      <span>If you don't fancy a </span>\r\n      <code>border</code>\r\n      <span> spinner, switch to the </span>\r\n      <code>grow</code>\r\n      <span> spinner by setting the prop </span>\r\n      <code>type</code>\r\n      <span> to </span>\r\n      <code>'grow'</code>.\r\n      <span>While it doesn't technically spin, it does repeatedly grow!</span>\r\n    </b-card-text>\r\n\r\n    <b-spinner\r\n      type=\"grow\"\r\n      label=\"Loading...\"\r\n    />\r\n\r\n    <template #code>\r\n      {{ codeGrow }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BSpinner, BCardText } from 'bootstrap-vue'\r\nimport { codeGrow } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BSpinner,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeGrow,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerGrow.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerGrow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpinnerGrow.vue?vue&type=template&id=c13b76d2&\"\nimport script from \"./SpinnerGrow.vue?vue&type=script&lang=js&\"\nexport * from \"./SpinnerGrow.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Colored Growing Spinners\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeGrowColor)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"The variant prop translates the variant name to the Bootstrap v4 class \")]),_c('code',[_vm._v(\".text-{variant}\")]),_c('span',[_vm._v(\", so if you have custom defined text color \")]),_c('code',[_vm._v(\"variants\")]),_c('span',[_vm._v(\", feel free to use them via the variant prop.\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},_vm._l((_vm.variants),function(variant){return _c('b-spinner',{key:variant,staticClass:\"mr-1\",attrs:{\"variant\":variant,\"type\":\"grow\"}})}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Colored Growing Spinners\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>The variant prop translates the variant name to the Bootstrap v4 class </span>\r\n      <code>.text-{variant}</code>\r\n      <span>, so if you have custom defined text color </span>\r\n      <code>variants</code>\r\n      <span>, feel free to use them via the variant prop.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-spinner\r\n        v-for=\"variant in variants\"\r\n        :key=\"variant\"\r\n        :variant=\"variant\"\r\n        class=\"mr-1\"\r\n        type=\"grow\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeGrowColor }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BSpinner, BCardText } from 'bootstrap-vue'\r\nimport { codeGrowColor } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BSpinner,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      variants: ['primary', 'secondary', 'danger', 'warning', 'success', 'info', 'light', 'dark'],\r\n      codeGrowColor,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerGrowColor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerGrowColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpinnerGrowColor.vue?vue&type=template&id=cc00418c&\"\nimport script from \"./SpinnerGrowColor.vue?vue&type=script&lang=js&\"\nexport * from \"./SpinnerGrowColor.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Sizes\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeSize)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"Set the prop \")]),_c('code',[_vm._v(\"small\")]),_c('span',[_vm._v(\" to \")]),_c('code',[_vm._v(\"true\")]),_c('span',[_vm._v(\" to make a smaller spinner that can quickly be used within other components.\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('div',[_c('b-spinner',{staticClass:\"mr-1\",attrs:{\"small\":\"\",\"label\":\"Small Spinner\"}}),_c('b-spinner',{attrs:{\"small\":\"\",\"label\":\"Small Spinner\",\"type\":\"grow\"}})],1),_c('div',[_c('b-spinner',{staticClass:\"mr-1\",attrs:{\"label\":\"Small Spinner\"}}),_c('b-spinner',{attrs:{\"label\":\"Small Spinner\",\"type\":\"grow\"}})],1),_c('div',[_c('b-spinner',{staticClass:\"mr-1\",staticStyle:{\"width\":\"3rem\",\"height\":\"3rem\"},attrs:{\"label\":\"Large Spinner\"}}),_c('b-spinner',{staticStyle:{\"width\":\"3rem\",\"height\":\"3rem\"},attrs:{\"label\":\"Large Spinner\",\"type\":\"grow\"}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Sizes\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>Set the prop </span>\r\n      <code>small</code>\r\n      <span> to </span>\r\n      <code>true</code>\r\n      <span> to make a smaller spinner that can quickly be used within other components.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <div>\r\n        <b-spinner\r\n          small\r\n          class=\"mr-1\"\r\n          label=\"Small Spinner\"\r\n        />\r\n        <b-spinner\r\n          small\r\n          label=\"Small Spinner\"\r\n          type=\"grow\"\r\n        />\r\n      </div>\r\n      <div>\r\n        <b-spinner\r\n          class=\"mr-1\"\r\n          label=\"Small Spinner\"\r\n        />\r\n        <b-spinner\r\n          label=\"Small Spinner\"\r\n          type=\"grow\"\r\n        />\r\n      </div>\r\n      <div>\r\n        <b-spinner\r\n          style=\"width: 3rem; height: 3rem;\"\r\n          class=\"mr-1\"\r\n          label=\"Large Spinner\"\r\n        />\r\n        <b-spinner\r\n          style=\"width: 3rem; height: 3rem;\"\r\n          label=\"Large Spinner\"\r\n          type=\"grow\"\r\n        />\r\n      </div>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeSize }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BSpinner, BCardText } from 'bootstrap-vue'\r\nimport { codeSize } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BSpinner,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeSize,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerSize.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerSize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpinnerSize.vue?vue&type=template&id=35aa3e44&\"\nimport script from \"./SpinnerSize.vue?vue&type=script&lang=js&\"\nexport * from \"./SpinnerSize.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Flex\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeFlex)+\" \")]},proxy:true}])},[_c('b-card-text',[_vm._v(\" Using flex utility classes: \")]),_c('div',{staticClass:\"d-flex justify-content-center mb-1\"},[_c('b-spinner',{attrs:{\"label\":\"Loading...\"}})],1),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('strong',[_vm._v(\"Loading...\")]),_c('b-spinner',{staticClass:\"ml-auto\"})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Flex\"\r\n  >\r\n    <b-card-text>\r\n      Using flex utility classes:\r\n    </b-card-text>\r\n\r\n    <div class=\"d-flex justify-content-center mb-1\">\r\n      <b-spinner label=\"Loading...\" />\r\n    </div>\r\n    <div class=\"d-flex align-items-center\">\r\n      <strong>Loading...</strong>\r\n      <b-spinner class=\"ml-auto\" />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeFlex }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BSpinner, BCardText } from 'bootstrap-vue'\r\nimport { codeFlex } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BSpinner,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeFlex,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerFlex.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerFlex.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpinnerFlex.vue?vue&type=template&id=f9825d90&\"\nimport script from \"./SpinnerFlex.vue?vue&type=script&lang=js&\"\nexport * from \"./SpinnerFlex.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Float\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeFloat)+\" \")]},proxy:true}])},[_c('b-card-text',[_vm._v(\"Using float utility classes:\")]),_c('div',{staticClass:\"clearfix\"},[_c('b-spinner',{staticClass:\"float-right\",attrs:{\"label\":\"Floated Right\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Float\">\r\n    <b-card-text>Using float utility classes:</b-card-text>\r\n    <div class=\"clearfix\">\r\n      <b-spinner\r\n        class=\"float-right\"\r\n        label=\"Floated Right\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeFloat }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BSpinner, BCardText } from 'bootstrap-vue'\r\nimport { codeFloat } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BSpinner,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeFloat,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerFloat.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerFloat.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpinnerFloat.vue?vue&type=template&id=0b6b9b58&\"\nimport script from \"./SpinnerFloat.vue?vue&type=script&lang=js&\"\nexport * from \"./SpinnerFloat.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Text Alignment\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeTextAlign)+\" \")]},proxy:true}])},[_c('b-card-text',[_vm._v(\"Using text alignment utility classes:\")]),_c('div',{staticClass:\"text-center\"},[_c('b-spinner',{attrs:{\"variant\":\"primary\",\"label\":\"Text Centered\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Text Alignment\"\r\n  >\r\n    <b-card-text>Using text alignment utility classes:</b-card-text>\r\n\r\n    <div class=\"text-center\">\r\n      <b-spinner\r\n        variant=\"primary\"\r\n        label=\"Text Centered\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeTextAlign }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BSpinner, BCardText } from 'bootstrap-vue'\r\nimport { codeTextAlign } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BSpinner,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeTextAlign,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerTextAlign.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerTextAlign.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpinnerTextAlign.vue?vue&type=template&id=51e836a7&\"\nimport script from \"./SpinnerTextAlign.vue?vue&type=script&lang=js&\"\nexport * from \"./SpinnerTextAlign.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Buttons\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeButton)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_vm._v(\" Use spinners within buttons to indicate an action is currently processing or taking place. You may also swap the label text out of the spinner element and utilize button text as needed. \")]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-button',{attrs:{\"variant\":\"outline-primary\",\"disabled\":\"\"}},[_c('b-spinner',{attrs:{\"small\":\"\"}}),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Loading...\")])],1),_c('b-button',{attrs:{\"variant\":\"outline-primary\",\"disabled\":\"\"}},[_c('b-spinner',{attrs:{\"small\":\"\"}}),_vm._v(\" Loading... \")],1),_c('b-button',{attrs:{\"variant\":\"outline-primary\",\"disabled\":\"\"}},[_c('b-spinner',{attrs:{\"small\":\"\",\"type\":\"grow\"}}),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Loading...\")])],1),_c('b-button',{attrs:{\"variant\":\"outline-primary\",\"disabled\":\"\"}},[_c('b-spinner',{attrs:{\"small\":\"\",\"type\":\"grow\"}}),_vm._v(\" Loading... \")],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Buttons\">\r\n    <b-card-text class=\"mb-0\">\r\n      Use spinners within buttons to indicate an action is currently processing or taking place. You may also swap the\r\n      label text out of the spinner element and utilize button text as needed.\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-button\r\n        variant=\"outline-primary\"\r\n        disabled\r\n      >\r\n        <b-spinner small />\r\n        <span class=\"sr-only\">Loading...</span>\r\n      </b-button>\r\n\r\n      <b-button\r\n        variant=\"outline-primary\"\r\n        disabled\r\n      >\r\n        <b-spinner small />\r\n        Loading...\r\n      </b-button>\r\n\r\n      <b-button\r\n        variant=\"outline-primary\"\r\n        disabled\r\n      >\r\n        <b-spinner\r\n          small\r\n          type=\"grow\"\r\n        />\r\n        <span class=\"sr-only\">Loading...</span>\r\n      </b-button>\r\n\r\n      <b-button\r\n        variant=\"outline-primary\"\r\n        disabled\r\n      >\r\n        <b-spinner\r\n          small\r\n          type=\"grow\"\r\n        />\r\n        Loading...\r\n      </b-button>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeButton }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BSpinner, BButton, BCardText } from 'bootstrap-vue'\r\nimport { codeButton } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BButton,\r\n    BSpinner,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeButton,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpinnerButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpinnerButton.vue?vue&type=template&id=05943b47&\"\nimport script from \"./SpinnerButton.vue?vue&type=script&lang=js&\"\nexport * from \"./SpinnerButton.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>\r\n  <b-row class=\"match-height\">\r\n    <b-col md=\"6\">\r\n      <spinner-border />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <spinner-color />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <spinner-grow />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <spinner-grow-color />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <spinner-flex />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <spinner-float />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <spinner-text-align />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <spinner-size />\r\n    </b-col>\r\n    <b-col>\r\n      <spinner-button />\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport { BRow, BCol } from 'bootstrap-vue'\r\n\r\nimport SpinnerBorder from './SpinnerBorder.vue'\r\nimport SpinnerColor from './SpinnerColor.vue'\r\nimport SpinnerGrow from './SpinnerGrow.vue'\r\nimport SpinnerGrowColor from './SpinnerGrowColor.vue'\r\nimport SpinnerSize from './SpinnerSize.vue'\r\nimport SpinnerFlex from './SpinnerFlex.vue'\r\nimport SpinnerFloat from './SpinnerFloat.vue'\r\nimport SpinnerTextAlign from './SpinnerTextAlign.vue'\r\nimport SpinnerButton from './SpinnerButton.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    SpinnerBorder,\r\n    SpinnerColor,\r\n    SpinnerGrow,\r\n    SpinnerGrowColor,\r\n    SpinnerSize,\r\n    SpinnerFlex,\r\n    SpinnerFloat,\r\n    SpinnerTextAlign,\r\n    SpinnerButton,\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Spinner.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Spinner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Spinner.vue?vue&type=template&id=5608e3bb&\"\nimport script from \"./Spinner.vue?vue&type=script&lang=js&\"\nexport * from \"./Spinner.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":""}