{"version":3,"sources":["webpack:///./src/assets/images/small/img-4.jpg","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","webpack:///./src/router/views/ui/images.vue?424b","webpack:///src/router/views/ui/images.vue","webpack:///./src/router/views/ui/images.vue?f023","webpack:///./src/router/views/ui/images.vue","webpack:///./src/assets/images/small/img-2.jpg","webpack:///./src/assets/images/small/img-3.jpg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","layoutType","attrs","_t","_e","staticRenderFns","component","title","items","staticClass","_v"],"mappings":"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","file":"js/chunk-365b92e9.af0e5d24.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/img-4.adad2cd0.jpg\";","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","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(\"Image Thumbnails\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\" In addition to our border-radius utilities, you can use \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"thumbnail\")]),_vm._v(\" to give an image a rounded 1px border appearance. \")]),_c('div',{},[_c('b-img',{attrs:{\"src\":require('@/assets/images/small/img-3.jpg'),\"width\":\"200\",\"thumbnail\":\"\",\"alt\":\"200x200\"}})],1)])]),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Image Rounded & Circle\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\" Use attribute \"),_c('code',[_vm._v(\"rounded\")]),_vm._v(\" and \"),_c('code',[_vm._v(\"rounded='circle'\")]),_vm._v(\". \")]),_c('div',{},[_c('b-img',{staticClass:\"me-2 mo-mb-2\",attrs:{\"src\":require('@/assets/images/small/img-4.jpg'),\"rounded\":\"\",\"width\":\"200\",\"alt\":\"200x200\"}}),_c('b-img',{attrs:{\"src\":require('@/assets/images/users/user-4.jpg'),\"rounded\":\"circle\",\"alt\":\"200x200\"}})],1)])])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Responsive images\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\" Images in Bootstrap are made responsive with \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"fluid\")]),_vm._v(\". \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"max-width: 100%;\")]),_vm._v(\" and \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"height: auto;\")]),_vm._v(\" are applied to the image so that it scales with the parent element. \")]),_c('div',{},[_c('b-img',{attrs:{\"src\":require('@/assets/images/small/img-2.jpg'),\"fluid\":\"\",\"alt\":\"Responsive image\"}})],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 * Images component\n */\nexport default {\n  page: {\n    title: \"Images\",\n    meta: [{ name: \"description\", content: appConfig.description }]\n  },\n  components: { Layout, PageHeader },\n  data() {\n    return {\n      title: \"Images\",\n      items: [\n        {\n          text: \"Veltrix\",\n          href: \"/\"\n        },\n        {\n          text: \"UI Elements\",\n          href: \"/\"\n        },\n        {\n          text: \"Images\",\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\">Image Thumbnails</h4>\n            <p class=\"card-title-desc\">\n              In addition to our border-radius utilities, you can use\n              <code\n                class=\"highlighter-rouge\"\n              >thumbnail</code> to give an image a\n              rounded 1px border appearance.\n            </p>\n\n            <div class>\n              <b-img\n                :src=\"require('@/assets/images/small/img-3.jpg')\"\n                width=\"200\"\n                thumbnail\n                alt=\"200x200\"\n              ></b-img>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Image Rounded & Circle</h4>\n            <p class=\"card-title-desc\">\n              Use attribute\n              <code>rounded</code> and\n              <code>rounded='circle'</code>.\n            </p>\n\n            <div class>\n              <b-img\n                :src=\"require('@/assets/images/small/img-4.jpg')\"\n                rounded\n                class=\"me-2 mo-mb-2\"\n                width=\"200\"\n                alt=\"200x200\"\n              ></b-img>\n\n              <b-img\n                :src=\"require('@/assets/images/users/user-4.jpg')\"\n                rounded=\"circle\"\n                alt=\"200x200\"\n              ></b-img>\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\">Responsive images</h4>\n            <p class=\"card-title-desc\">\n              Images in Bootstrap are made responsive\n              with\n              <code\n                class=\"highlighter-rouge\"\n              >fluid</code>.\n              <code class=\"highlighter-rouge\">max-width: 100%;</code> and\n              <code class=\"highlighter-rouge\">height: auto;</code> are applied to\n              the image so that it scales with the parent element.\n            </p>\n\n            <div class>\n              <b-img :src=\"require('@/assets/images/small/img-2.jpg')\" fluid alt=\"Responsive image\"></b-img>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!--end row-->\n  </Layout>\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!./images.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!./images.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./images.vue?vue&type=template&id=49d3425a&\"\nimport script from \"./images.vue?vue&type=script&lang=js&\"\nexport * from \"./images.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","module.exports = __webpack_public_path__ + \"img/img-2.750ced6e.jpg\";","module.exports = __webpack_public_path__ + \"img/img-3.810a9b97.jpg\";"],"sourceRoot":""}