{"version":3,"sources":["webpack:///./src/components/Page-header.vue","webpack:///src/components/Page-header.vue","webpack:///./src/components/Page-header.vue?95ad","webpack:///./src/components/Page-header.vue?f09d","webpack:///./src/views/pages/ui/spinners.vue","webpack:///src/views/pages/ui/spinners.vue","webpack:///./src/views/pages/ui/spinners.vue?6945","webpack:///./src/views/pages/ui/spinners.vue?367c"],"names":["render","_vm","this","_c","_self","staticClass","class","layoutType","_v","_s","title","attrs","items","staticRenderFns","components","props","type","String","default","Array","computed","layoutComputed","component","staticStyle","page","meta","name","content","appConfig","description","Layout","PageHeader","data","text","href","active"],"mappings":"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","file":"js/chunk-334f6d56.5d633683.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"page-title-box\",class:{\n        'page-title-box-alt':\n          _vm.layoutType !== 'vertical' && _vm.layoutType !== 'two-column',\n      }},[_c('h4',{staticClass:\"page-title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"page-title-right\"},[_c('b-breadcrumb',{staticClass:\"m-0\",attrs:{\"items\":_vm.items}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { layoutComputed } from \"@/state/helpers\";\n\n/**\n * Page-header component\n */\nexport default {\n  components: {},\n  props: {\n    title: {\n      type: String,\n      default: \"\",\n    },\n    items: {\n      type: Array,\n      default: () => {\n        return [];\n      },\n    },\n  },\n  computed: {\n    ...layoutComputed,\n  },\n};\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <div\n        class=\"page-title-box\"\n        :class=\"{\n          'page-title-box-alt':\n            layoutType !== 'vertical' && layoutType !== 'two-column',\n        }\"\n      >\n        <h4 class=\"page-title\">{{ title }}</h4>\n        <div class=\"page-title-right\">\n          <b-breadcrumb :items=\"items\" class=\"m-0\"></b-breadcrumb>\n        </div>\n      </div>\n    </div>\n  </div>\n  <!-- end page title -->\n</template>\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!./Page-header.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!./Page-header.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Page-header.vue?vue&type=template&id=14ebe7ac\"\nimport script from \"./Page-header.vue?vue&type=script&lang=js\"\nexport * from \"./Page-header.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 render(){var _vm=this,_c=_vm._self._c;return _c('Layout',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"mt-0 header-title\"},[_vm._v(\"Border spinner\")]),_c('p',{staticClass:\"text-muted mb-4\"},[_vm._v(\" Use the border spinners for a lightweight loading indicator. \")]),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"label\":\"Spinning\"}})],1)])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"mt-0 header-title\"},[_vm._v(\"Growing spinner\")]),_c('p',{staticClass:\"text-muted mb-4\"},[_vm._v(\" If you don’t fancy a border spinner, switch to the grow spinner. While it doesn’t technically spin, it does repeatedly grow! \")]),_c('b-spinner',{attrs:{\"type\":\"grow\",\"label\":\"Spinning\"}})],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"mt-0 header-title\"},[_vm._v(\"Colors\")]),_c('p',{staticClass:\"text-muted mb-4\"},[_vm._v(\" You can use any of our text color utilities on the standard spinner. \")]),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"variant\":\"primary\",\"role\":\"status\"}}),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"variant\":\"secondary\",\"role\":\"status\"}}),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"variant\":\"success\",\"role\":\"status\"}}),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"variant\":\"danger\",\"role\":\"status\"}}),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"variant\":\"warning\",\"role\":\"status\"}}),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"variant\":\"info\",\"role\":\"status\"}}),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"variant\":\"light\",\"role\":\"status\"}}),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"variant\":\"dark\",\"role\":\"status\"}})],1)])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"mt-0 header-title\"},[_vm._v(\"Color Growing spinner\")]),_c('p',{staticClass:\"text-muted mb-4\"},[_vm._v(\" Here it is in blue, along with the supported variants. \")]),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"type\":\"grow\",\"variant\":\"primary\",\"role\":\"status\"}}),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"type\":\"grow\",\"variant\":\"secondary\",\"role\":\"status\"}}),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"type\":\"grow\",\"variant\":\"success\",\"role\":\"status\"}}),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"type\":\"grow\",\"variant\":\"danger\",\"role\":\"status\"}}),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"type\":\"grow\",\"variant\":\"warning\",\"role\":\"status\"}}),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"type\":\"grow\",\"variant\":\"info\",\"role\":\"status\"}}),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"type\":\"grow\",\"variant\":\"light\",\"role\":\"status\"}}),_c('b-spinner',{staticClass:\"m-2\",attrs:{\"type\":\"grow\",\"variant\":\"dark\",\"role\":\"status\"}})],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"mt-0 header-title\"},[_vm._v(\"Alignment\")]),_c('p',{staticClass:\"text-muted mb-4\"},[_vm._v(\" Use flexbox utilities, float utilities, or text alignment utilities to place spinners exactly where you need them in any situation. \")]),_c('div',{staticClass:\"text-center\"},[_c('b-spinner',{attrs:{\"label\":\"Text Centered\"}})],1)])])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"mt-0 header-title\"},[_vm._v(\"Placement\")]),_c('p',{staticClass:\"text-muted mb-4\"},[_vm._v(\" Use \"),_c('code',[_vm._v(\"flexbox utilities\")]),_vm._v(\", \"),_c('code',[_vm._v(\"float utilities\")]),_vm._v(\", or \"),_c('code',[_vm._v(\"text alignment\")]),_vm._v(\" utilities to place spinners exactly where you need them in any situation. \")]),_c('div',[_c('div',{staticClass:\"clearfix\"},[_c('strong',[_vm._v(\"Loading...\")]),_c('b-spinner',{staticClass:\"float-right\",attrs:{\"label\":\"Floated Right\"}})],1)])])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"mt-0 header-title\"},[_vm._v(\"Size\")]),_c('p',{staticClass:\"text-muted mb-4\"},[_vm._v(\" Add \"),_c('code',[_vm._v(\".spinner-border-sm\")]),_vm._v(\" and \"),_c('code',[_vm._v(\".spinner-border.avatar-**\")]),_vm._v(\" to make a smaller spinner that can quickly be used within other components. \")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('b-spinner',{staticStyle:{\"width\":\"4.5rem\",\"height\":\"4.5rem\"},attrs:{\"variant\":\"primary\",\"label\":\"Large Spinner\"}}),_c('b-spinner',{staticStyle:{\"width\":\"4.5rem\",\"height\":\"4.5rem\"},attrs:{\"label\":\"Large Spinner\",\"type\":\"grow\"}})],1),_c('div',{staticClass:\"col-lg-6\"},[_c('b-spinner',{staticStyle:{\"width\":\"3.5rem\",\"height\":\"3.5rem\"},attrs:{\"variant\":\"primary\",\"label\":\"Large Spinner\"}}),_c('b-spinner',{staticStyle:{\"width\":\"3.5rem\",\"height\":\"3.5rem\"},attrs:{\"label\":\"Large Spinner\",\"type\":\"grow\"}})],1),_c('div',{staticClass:\"col-lg-6\"},[_c('b-spinner',{staticClass:\"ml-1 mt-3\",staticStyle:{\"width\":\"2.25rem\",\"height\":\"2.25rem\"},attrs:{\"variant\":\"primary\",\"label\":\"Large Spinner\"}}),_c('b-spinner',{staticClass:\"ml-3 mt-3\",staticStyle:{\"width\":\"2.25rem\",\"height\":\"2.25rem\"},attrs:{\"label\":\"Large Spinner\",\"type\":\"grow\"}})],1),_c('div',{staticClass:\"col-lg-6\"},[_c('b-spinner',{staticClass:\"mt-3\",attrs:{\"small\":\"\",\"label\":\"Small Spinner\"}}),_c('b-spinner',{staticClass:\"ml-2\",attrs:{\"small\":\"\",\"label\":\"Small Spinner\",\"type\":\"grow\"}})],1)])])])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"mt-0 header-title\"},[_vm._v(\"Buttons spinner\")]),_c('p',{staticClass:\"text-muted mb-4\"},[_vm._v(\" Use spinners within buttons to indicate an action is currently processing or taking place. You may also swap the text out of the spinner element and utilize button text as needed. \")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('div',[_c('b-button',{attrs:{\"variant\":\"primary\",\"disabled\":\"\"}},[_c('b-spinner',{attrs:{\"small\":\"\"}}),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Loading...\")])],1),_c('b-button',{staticClass:\"ml-1\",attrs:{\"variant\":\"primary\",\"disabled\":\"\"}},[_c('b-spinner',{attrs:{\"small\":\"\"}}),_vm._v(\"  Loading... \")],1)],1)]),_c('div',{staticClass:\"col-lg-6\"},[_c('b-button',{attrs:{\"variant\":\"primary\",\"disabled\":\"\"}},[_c('b-spinner',{attrs:{\"small\":\"\",\"type\":\"grow\"}}),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Loading...\")])],1),_c('b-button',{staticClass:\"ml-1\",attrs:{\"variant\":\"primary\",\"disabled\":\"\"}},[_c('b-spinner',{attrs:{\"small\":\"\",\"type\":\"grow\"}}),_vm._v(\"  Loading... \")],1)],1)])])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Layout from \"../../layouts/main\";\nimport PageHeader from \"@/components/Page-header\";\nimport appConfig from \"../../../../app.config\";\n\n/**\n * Spinners component\n */\nexport default {\n  page: {\n    title: \"Spinners\",\n    meta: [{ name: \"description\", content: appConfig.description }],\n  },\n  components: {\n    Layout,\n    PageHeader,\n  },\n  data() {\n    return {\n      title: \"Spinners\",\n      items: [\n        {\n          text: \"Minton\",\n          href: \"/\",\n        },\n        {\n          text: \"UI\",\n          href: \"/\",\n        },\n        {\n          text: \"Spinners\",\n          active: true,\n        },\n      ],\n    };\n  },\n};\n</script>\n\n<template>\n  <Layout>\n    <PageHeader :title=\"title\" :items=\"items\" />\n    <div class=\"row\">\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"mt-0 header-title\">Border spinner</h4>\n            <p class=\"text-muted mb-4\">\n              Use the border spinners for a lightweight loading indicator.\n            </p>\n\n            <b-spinner label=\"Spinning\" class=\"m-2\"></b-spinner>\n          </div>\n          <!--end card-body-->\n        </div>\n        <!--end card-->\n      </div>\n      <!-- end col -->\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"mt-0 header-title\">Growing spinner</h4>\n            <p class=\"text-muted mb-4\">\n              If you don’t fancy a border spinner, switch to the grow spinner.\n              While it doesn’t technically spin, it does repeatedly grow!\n            </p>\n            <b-spinner type=\"grow\" label=\"Spinning\"></b-spinner>\n          </div>\n          <!--end card-body-->\n        </div>\n        <!--end card-->\n      </div>\n      <!-- end col -->\n    </div>\n    <div class=\"row\">\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"mt-0 header-title\">Colors</h4>\n            <p class=\"text-muted mb-4\">\n              You can use any of our text color utilities on the standard\n              spinner.\n            </p>\n            <b-spinner class=\"m-2\" variant=\"primary\" role=\"status\"></b-spinner>\n            <b-spinner\n              class=\"m-2\"\n              variant=\"secondary\"\n              role=\"status\"\n            ></b-spinner>\n            <b-spinner class=\"m-2\" variant=\"success\" role=\"status\"></b-spinner>\n            <b-spinner class=\"m-2\" variant=\"danger\" role=\"status\"></b-spinner>\n            <b-spinner class=\"m-2\" variant=\"warning\" role=\"status\"></b-spinner>\n            <b-spinner class=\"m-2\" variant=\"info\" role=\"status\"></b-spinner>\n            <b-spinner class=\"m-2\" variant=\"light\" role=\"status\"></b-spinner>\n            <b-spinner class=\"m-2\" variant=\"dark\" role=\"status\"></b-spinner>\n          </div>\n          <!--end card-body-->\n        </div>\n        <!--end card-->\n      </div>\n      <!-- end col -->\n\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"mt-0 header-title\">Color Growing spinner</h4>\n            <p class=\"text-muted mb-4\">\n              Here it is in blue, along with the supported variants.\n            </p>\n            <b-spinner\n              type=\"grow\"\n              class=\"m-2\"\n              variant=\"primary\"\n              role=\"status\"\n            ></b-spinner>\n            <b-spinner\n              type=\"grow\"\n              class=\"m-2\"\n              variant=\"secondary\"\n              role=\"status\"\n            ></b-spinner>\n            <b-spinner\n              type=\"grow\"\n              class=\"m-2\"\n              variant=\"success\"\n              role=\"status\"\n            ></b-spinner>\n            <b-spinner\n              type=\"grow\"\n              class=\"m-2\"\n              variant=\"danger\"\n              role=\"status\"\n            ></b-spinner>\n            <b-spinner\n              type=\"grow\"\n              class=\"m-2\"\n              variant=\"warning\"\n              role=\"status\"\n            ></b-spinner>\n            <b-spinner\n              type=\"grow\"\n              class=\"m-2\"\n              variant=\"info\"\n              role=\"status\"\n            ></b-spinner>\n            <b-spinner\n              type=\"grow\"\n              class=\"m-2\"\n              variant=\"light\"\n              role=\"status\"\n            ></b-spinner>\n            <b-spinner\n              type=\"grow\"\n              class=\"m-2\"\n              variant=\"dark\"\n              role=\"status\"\n            ></b-spinner>\n          </div>\n          <!--end card-body-->\n        </div>\n        <!--end card-->\n      </div>\n      <!-- end col -->\n    </div>\n    <!-- end row -->\n    <div class=\"row\">\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"mt-0 header-title\">Alignment</h4>\n            <p class=\"text-muted mb-4\">\n              Use flexbox utilities, float utilities, or text alignment\n              utilities to place spinners exactly where you need them in any\n              situation.\n            </p>\n            <div class=\"text-center\">\n              <b-spinner label=\"Text Centered\"></b-spinner>\n            </div>\n          </div>\n          <!--end card-body-->\n        </div>\n        <!--end card-->\n      </div>\n      <!-- end col -->\n\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"mt-0 header-title\">Placement</h4>\n            <p class=\"text-muted mb-4\">\n              Use\n              <code>flexbox utilities</code>, <code>float utilities</code>, or\n              <code>text alignment</code> utilities to place spinners exactly\n              where you need them in any situation.\n            </p>\n            <div>\n              <div class=\"clearfix\">\n                <strong>Loading...</strong>\n                <b-spinner\n                  class=\"float-right\"\n                  label=\"Floated Right\"\n                ></b-spinner>\n              </div>\n            </div>\n          </div>\n          <!--end card-body-->\n        </div>\n        <!--end card-->\n      </div>\n      <!-- end col -->\n    </div>\n    <!-- end row -->\n\n    <div class=\"row\">\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"mt-0 header-title\">Size</h4>\n            <p class=\"text-muted mb-4\">\n              Add\n              <code>.spinner-border-sm</code> and\n              <code>.spinner-border.avatar-**</code>\n              to make a smaller spinner that can quickly be used within other\n              components.\n            </p>\n            <div class=\"row\">\n              <div class=\"col-lg-6\">\n                <b-spinner\n                  variant=\"primary\"\n                  style=\"width: 4.5rem; height: 4.5rem\"\n                  label=\"Large Spinner\"\n                ></b-spinner>\n                <b-spinner\n                  style=\"width: 4.5rem; height: 4.5rem\"\n                  label=\"Large Spinner\"\n                  type=\"grow\"\n                ></b-spinner>\n              </div>\n              <!-- end col -->\n\n              <div class=\"col-lg-6\">\n                <b-spinner\n                  variant=\"primary\"\n                  style=\"width: 3.5rem; height: 3.5rem\"\n                  label=\"Large Spinner\"\n                ></b-spinner>\n                <b-spinner\n                  style=\"width: 3.5rem; height: 3.5rem\"\n                  label=\"Large Spinner\"\n                  type=\"grow\"\n                ></b-spinner>\n              </div>\n              <!-- end col -->\n\n              <div class=\"col-lg-6\">\n                <b-spinner\n                  variant=\"primary\"\n                  style=\"width: 2.25rem; height: 2.25rem\"\n                  class=\"ml-1 mt-3\"\n                  label=\"Large Spinner\"\n                ></b-spinner>\n                <b-spinner\n                  style=\"width: 2.25rem; height: 2.25rem\"\n                  class=\"ml-3 mt-3\"\n                  label=\"Large Spinner\"\n                  type=\"grow\"\n                ></b-spinner>\n              </div>\n              <!-- end col -->\n\n              <div class=\"col-lg-6\">\n                <b-spinner small label=\"Small Spinner\" class=\"mt-3\"></b-spinner>\n                <b-spinner\n                  small\n                  label=\"Small Spinner\"\n                  class=\"ml-2\"\n                  type=\"grow\"\n                ></b-spinner>\n              </div>\n              <!-- end col -->\n            </div>\n            <!--end row-->\n          </div>\n          <!--end card-body-->\n        </div>\n        <!--end card-->\n      </div>\n      <!-- end col -->\n\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"mt-0 header-title\">Buttons spinner</h4>\n            <p class=\"text-muted mb-4\">\n              Use spinners within buttons to indicate an action is currently\n              processing or taking place. You may also swap the text out of the\n              spinner element and utilize button text as needed.\n            </p>\n            <div class=\"row\">\n              <div class=\"col-lg-6\">\n                <div>\n                  <b-button variant=\"primary\" disabled>\n                    <b-spinner small></b-spinner>\n                    <span class=\"sr-only\">Loading...</span>\n                  </b-button>\n\n                  <b-button variant=\"primary\" disabled class=\"ml-1\">\n                    <b-spinner small></b-spinner>&nbsp;&nbsp;Loading...\n                  </b-button>\n                </div>\n              </div>\n              <!-- end col -->\n              <div class=\"col-lg-6\">\n                <b-button variant=\"primary\" disabled>\n                  <b-spinner small type=\"grow\"></b-spinner>\n                  <span class=\"sr-only\">Loading...</span>\n                </b-button>\n\n                <b-button variant=\"primary\" disabled class=\"ml-1\">\n                  <b-spinner small type=\"grow\"></b-spinner\n                  >&nbsp;&nbsp;Loading...\n                </b-button>\n              </div>\n              <!-- end col -->\n            </div>\n            <!-- end row -->\n          </div>\n          <!--end card-body-->\n        </div>\n        <!--end card-->\n      </div>\n      <!-- end col -->\n    </div>\n    <!-- end row -->\n  </Layout>\n</template>\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!./spinners.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!./spinners.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./spinners.vue?vue&type=template&id=698d98c7\"\nimport script from \"./spinners.vue?vue&type=script&lang=js\"\nexport * from \"./spinners.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":""}