{"version":3,"sources":["webpack:///./src/router/views/ui/dropdowns.vue?449e","webpack:///src/router/views/ui/dropdowns.vue","webpack:///./src/router/views/ui/dropdowns.vue?97a6","webpack:///./src/router/views/ui/dropdowns.vue","webpack:///./src/router/layouts/main.vue?9854","webpack:///src/router/layouts/main.vue","webpack:///./src/router/layouts/main.vue?f812","webpack:///./src/router/layouts/main.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","title","items","staticClass","_v","scopedSlots","_u","key","fn","proxy","slot","staticRenderFns","component","layoutType","_t","_e"],"mappings":"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","file":"js/chunk-47e177ec.c5a0aa2c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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:\"card-title\"},[_vm._v(\"Single button dropdowns\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\" Any single \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\".btn\")]),_vm._v(\" can be turned into a dropdown toggle with some markup changes. Here’s how you can put them to work with either \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"<button>\")]),_vm._v(\" elements: \")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-6\"},[_c('b-dropdown',{scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_vm._v(\" Dropdown button \"),_c('i',{staticClass:\"mdi mdi-chevron-down\"})]},proxy:true}])},[_c('b-dropdown-item',[_vm._v(\"Action\")]),_c('b-dropdown-item',[_vm._v(\"Another Action\")]),_c('b-dropdown-item',[_vm._v(\"Something else here\")])],1)],1)])])])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Variant\")]),_c('p',{staticClass:\"card-title-desc mb-3\"},[_vm._v(\" The best part is you can do this with any button variant, too: \")]),_c('div',{},[_c('div',{staticClass:\"btn-group me-1 mt-2\"},[_c('b-dropdown',{attrs:{\"text\":\"Primary\",\"variant\":\"primary\"}},[_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Action\")]),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Another action\")]),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Something else here\")]),_c('b-dropdown-divider'),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Separated link\")])],1)],1),_c('div',{staticClass:\"btn-group me-1 mt-2\"},[_c('b-dropdown',{attrs:{\"text\":\"Secondary\",\"variant\":\"secondary\"}},[_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Action\")]),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Another action\")]),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Something else here\")]),_c('b-dropdown-divider'),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Separated link\")])],1)],1),_c('div',{staticClass:\"btn-group me-1 mt-2\"},[_c('b-dropdown',{attrs:{\"text\":\"Success\",\"variant\":\"success\"}},[_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Action\")]),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Another action\")]),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Something else here\")]),_c('b-dropdown-divider'),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Separated link\")])],1)],1),_c('div',{staticClass:\"btn-group me-1 mt-2\"},[_c('b-dropdown',{attrs:{\"text\":\"Info\",\"variant\":\"info\"}},[_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Action\")]),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Another action\")]),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Something else here\")]),_c('b-dropdown-divider'),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Separated link\")])],1)],1),_c('div',{staticClass:\"btn-group me-1 mt-2\"},[_c('b-dropdown',{attrs:{\"text\":\"Warning\",\"variant\":\"warning\"}},[_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Action\")]),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Another action\")]),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Something else here\")]),_c('b-dropdown-divider'),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Separated link\")])],1)],1),_c('div',{staticClass:\"btn-group me-1 mt-2\"},[_c('b-dropdown',{attrs:{\"text\":\"Danger\",\"variant\":\"danger\"}},[_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Action\")]),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Another action\")]),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Something else here\")]),_c('b-dropdown-divider'),_c('b-dropdown-item',{attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Separated link\")])],1)],1)])])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Sizing\")]),_c('p',{staticClass:\"card-title-desc mb-3\"},[_vm._v(\" Button dropdowns work with buttons of all sizes, including default and split dropdown buttons. \")]),_c('div',[_c('div',{staticClass:\"me-1 mt-2\"},[_c('b-dropdown',{staticClass:\"m-2\",attrs:{\"size\":\"lg\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_vm._v(\" Large button \"),_c('i',{staticClass:\"mdi mdi-chevron-down\"})]},proxy:true}])},[_c('b-dropdown-item-button',[_vm._v(\"Action\")]),_c('b-dropdown-item-button',[_vm._v(\"Another action\")]),_c('b-dropdown-item-button',[_vm._v(\"Something else here\")])],1),_c('b-dropdown',{staticClass:\"m-2\",attrs:{\"size\":\"sm\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_vm._v(\" Small button \"),_c('i',{staticClass:\"mdi mdi-chevron-down\"})]},proxy:true}])},[_c('b-dropdown-item-button',[_vm._v(\"Action\")]),_c('b-dropdown-item-button',[_vm._v(\"Another action\")]),_c('b-dropdown-item-button',[_vm._v(\"Something else here\")])],1)],1)])])])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Menu alignment\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\" Add \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"right\")]),_vm._v(\" to a \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"dropdown\")]),_vm._v(\" to right align the dropdown menu. \")]),_c('div',{staticClass:\"btn-group\"},[_c('b-dropdown',{staticClass:\"m-2\",attrs:{\"id\":\"dropdown-right\",\"right\":\"\",\"variant\":\"secondary\",\"menu-class\":\"dropdown-menu-end\"}},[_c('template',{slot:\"button-content\"},[_vm._v(\" Menu is right-aligned \"),_c('i',{staticClass:\"mdi mdi-chevron-up\"})]),_c('b-dropdown-item',{attrs:{\"href\":\"#\"}},[_vm._v(\"Action\")]),_c('b-dropdown-item',{attrs:{\"href\":\"#\"}},[_vm._v(\"Another action\")]),_c('b-dropdown-item',{attrs:{\"href\":\"#\"}},[_vm._v(\"Something else here\")])],2)],1)])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Drop variation\")]),_c('p',{staticClass:\"card-title-desc mb-3\"},[_vm._v(\" Trigger dropdown menus at the right of the elements by adding \"),_c('code',[_vm._v(\"dropright\")]),_vm._v(\" to the parent element. \")]),_c('div',{staticClass:\"dropdown mt-1\"},[_c('b-dropdown',{staticClass:\"m-2\",attrs:{\"dropright\":\"\",\"variant\":\"info\"}},[_c('template',{slot:\"button-content\"},[_vm._v(\" Drop-right \"),_c('i',{staticClass:\"mdi mdi-chevron-right\"})]),_c('b-dropdown-item-button',[_vm._v(\"Action\")]),_c('b-dropdown-item-button',[_vm._v(\"Another action\")]),_c('b-dropdown-item-button',[_vm._v(\"Something else here\")])],2)],1)])])])])],1)}\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 * Dropdowns component\n */\nexport default {\n  page: {\n    title: \"Dropdowns\",\n    meta: [{ name: \"description\", content: appConfig.description }],\n  },\n  components: { Layout, PageHeader },\n  data() {\n    return {\n      title: \"Dropdowns\",\n      items: [\n        {\n          text: \"Veltrix\",\n          href: \"/\",\n        },\n        {\n          text: \"UI Elements\",\n          href: \"/\",\n        },\n        {\n          text: \"Dropdowns\",\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=\"card-title\">Single button dropdowns</h4>\n            <p class=\"card-title-desc\">\n              Any single\n              <code class=\"highlighter-rouge\">.btn</code> can be turned into a\n              dropdown toggle with some markup changes. Here’s how you can put\n              them to work with either\n              <code class=\"highlighter-rouge\">&lt;button&gt;</code>\n              elements:\n            </p>\n\n            <div class=\"row\">\n              <div class=\"col-sm-6\">\n                <b-dropdown>\n                  <template v-slot:button-content>\n                    Dropdown button\n                    <i class=\"mdi mdi-chevron-down\"></i>\n                  </template>\n                  <b-dropdown-item>Action</b-dropdown-item>\n                  <b-dropdown-item>Another Action</b-dropdown-item>\n                  <b-dropdown-item>Something else here</b-dropdown-item>\n                </b-dropdown>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Variant</h4>\n            <p class=\"card-title-desc mb-3\">\n              The best part is you can do this with any button variant, too:\n            </p>\n\n            <div class>\n              <div class=\"btn-group me-1 mt-2\">\n                <b-dropdown text=\"Primary\" variant=\"primary\">\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Action</b-dropdown-item\n                  >\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Another action</b-dropdown-item\n                  >\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Something else here</b-dropdown-item\n                  >\n                  <b-dropdown-divider></b-dropdown-divider>\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Separated link</b-dropdown-item\n                  >\n                </b-dropdown>\n              </div>\n              <!-- /btn-group -->\n              <div class=\"btn-group me-1 mt-2\">\n                <b-dropdown text=\"Secondary\" variant=\"secondary\">\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Action</b-dropdown-item\n                  >\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Another action</b-dropdown-item\n                  >\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Something else here</b-dropdown-item\n                  >\n                  <b-dropdown-divider></b-dropdown-divider>\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Separated link</b-dropdown-item\n                  >\n                </b-dropdown>\n              </div>\n              <!-- /btn-group -->\n              <div class=\"btn-group me-1 mt-2\">\n                <b-dropdown text=\"Success\" variant=\"success\">\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Action</b-dropdown-item\n                  >\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Another action</b-dropdown-item\n                  >\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Something else here</b-dropdown-item\n                  >\n                  <b-dropdown-divider></b-dropdown-divider>\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Separated link</b-dropdown-item\n                  >\n                </b-dropdown>\n              </div>\n              <!-- /btn-group -->\n              <div class=\"btn-group me-1 mt-2\">\n                <b-dropdown text=\"Info\" variant=\"info\">\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Action</b-dropdown-item\n                  >\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Another action</b-dropdown-item\n                  >\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Something else here</b-dropdown-item\n                  >\n                  <b-dropdown-divider></b-dropdown-divider>\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Separated link</b-dropdown-item\n                  >\n                </b-dropdown>\n              </div>\n              <!-- /btn-group -->\n              <div class=\"btn-group me-1 mt-2\">\n                <b-dropdown text=\"Warning\" variant=\"warning\">\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Action</b-dropdown-item\n                  >\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Another action</b-dropdown-item\n                  >\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Something else here</b-dropdown-item\n                  >\n                  <b-dropdown-divider></b-dropdown-divider>\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Separated link</b-dropdown-item\n                  >\n                </b-dropdown>\n              </div>\n              <!-- /btn-group -->\n              <div class=\"btn-group me-1 mt-2\">\n                <b-dropdown text=\"Danger\" variant=\"danger\">\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Action</b-dropdown-item\n                  >\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Another action</b-dropdown-item\n                  >\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Something else here</b-dropdown-item\n                  >\n                  <b-dropdown-divider></b-dropdown-divider>\n                  <b-dropdown-item href=\"javascript: void(0);\"\n                    >Separated link</b-dropdown-item\n                  >\n                </b-dropdown>\n              </div>\n              <!-- /btn-group -->\n            </div>\n          </div>\n        </div>\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=\"card-title\">Sizing</h4>\n            <p class=\"card-title-desc mb-3\">\n              Button dropdowns work with buttons of all sizes, including default\n              and split dropdown buttons.\n            </p>\n\n            <div>\n              <!-- Large button groups (default and split) -->\n              <div class=\"me-1 mt-2\">\n                <b-dropdown size=\"lg\" class=\"m-2\">\n                  <template v-slot:button-content>\n                    Large button\n                    <i class=\"mdi mdi-chevron-down\"></i>\n                  </template>\n                  <b-dropdown-item-button>Action</b-dropdown-item-button>\n                  <b-dropdown-item-button\n                    >Another action</b-dropdown-item-button\n                  >\n                  <b-dropdown-item-button\n                    >Something else here</b-dropdown-item-button\n                  >\n                </b-dropdown>\n                <b-dropdown size=\"sm\" class=\"m-2\">\n                  <template v-slot:button-content>\n                    Small button\n                    <i class=\"mdi mdi-chevron-down\"></i>\n                  </template>\n                  <b-dropdown-item-button>Action</b-dropdown-item-button>\n                  <b-dropdown-item-button\n                    >Another action</b-dropdown-item-button\n                  >\n                  <b-dropdown-item-button\n                    >Something else here</b-dropdown-item-button\n                  >\n                </b-dropdown>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- end col -->\n      <div class=\"col-md-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Menu alignment</h4>\n            <p class=\"card-title-desc\">\n              Add\n              <code class=\"highlighter-rouge\">right</code>\n              to a\n              <code class=\"highlighter-rouge\">dropdown</code> to right align the\n              dropdown menu.\n            </p>\n\n            <div class=\"btn-group\">\n              <b-dropdown\n                id=\"dropdown-right\"\n                right\n                variant=\"secondary\"\n                class=\"m-2\"\n                menu-class=\"dropdown-menu-end\"\n              >\n                <template slot=\"button-content\">\n                  Menu is right-aligned\n                  <i class=\"mdi mdi-chevron-up\"></i>\n                </template>\n                <b-dropdown-item href=\"#\">Action</b-dropdown-item>\n                <b-dropdown-item href=\"#\">Another action</b-dropdown-item>\n                <b-dropdown-item href=\"#\">Something else here</b-dropdown-item>\n              </b-dropdown>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- end row -->\n    <div class=\"row\">\n      <div class=\"col-md-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Drop variation</h4>\n            <p class=\"card-title-desc mb-3\">\n              Trigger dropdown menus at the right of the elements by adding\n              <code>dropright</code> to the parent\n              element.\n            </p>\n\n            <div class=\"dropdown mt-1\">\n              <b-dropdown dropright variant=\"info\" class=\"m-2\">\n                <template slot=\"button-content\">\n                  Drop-right\n                  <i class=\"mdi mdi-chevron-right\"></i>\n                </template>\n                <b-dropdown-item-button>Action</b-dropdown-item-button>\n                <b-dropdown-item-button>Another action</b-dropdown-item-button>\n                <b-dropdown-item-button\n                  >Something else here</b-dropdown-item-button\n                >\n              </b-dropdown>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Layout>\n</template>\n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./dropdowns.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./dropdowns.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./dropdowns.vue?vue&type=template&id=08c74b35&\"\nimport script from \"./dropdowns.vue?vue&type=script&lang=js&\"\nexport * from \"./dropdowns.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/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('div',[(_vm.layoutType === 'vertical')?_c('Vertical',{attrs:{\"layout\":_vm.layoutType}},[_vm._t(\"default\")],2):_vm._e(),(_vm.layoutType === 'horizontal')?_c('Horizontal',{attrs:{\"layout\":_vm.layoutType}},[_vm._t(\"default\")],2):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { layoutComputed } from \"@/state/helpers\";\n\nimport Vertical from \"@/router/layouts/vertical\";\nimport Horizontal from \"@/router/layouts/horizontal\";\n\nexport default {\n  components: { Vertical, Horizontal },\n  computed: {\n    ...layoutComputed\n  }\n};\n</script>\n\n<template>\n  <div>\n    <Vertical v-if=\"layoutType === 'vertical'\" :layout=\"layoutType\">\n      <slot />\n    </Vertical>\n\n    <Horizontal v-if=\"layoutType === 'horizontal'\" :layout=\"layoutType\">\n      <slot />\n    </Horizontal>\n  </div>\n</template>","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./main.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./main.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./main.vue?vue&type=template&id=2c9ce7e8&\"\nimport script from \"./main.vue?vue&type=script&lang=js&\"\nexport * from \"./main.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/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":""}