{"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/images.vue","webpack:///src/views/pages/ui/images.vue","webpack:///./src/views/pages/ui/images.vue?be4b","webpack:///./src/views/pages/ui/images.vue?1f52"],"names":["render","_vm","this","_c","_self","staticClass","class","layoutType","_v","_s","title","attrs","items","staticRenderFns","components","props","type","String","default","Array","computed","layoutComputed","component","require","scopedSlots","_u","key","fn","proxy","page","meta","name","content","appConfig","description","Layout","PageHeader","data","text","href","active"],"mappings":"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","file":"js/chunk-33654ff1.65c5a5b0.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-sm-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-6\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Images shapes\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Add classes to an \"),_c('code',[_vm._v(\"<img>\")]),_vm._v(\" element to easily style images in any project. \")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-4\"},[_c('b-img',{attrs:{\"src\":\"@/assets/images/small/img-1.jpg\",\"width\":\"170\",\"rounded\":\"\",\"alt\":\"image\"}}),_c('p',{staticClass:\"mb-0\"},[_c('code',[_vm._v(\"rounded\")])])],1),_c('div',{staticClass:\"col-sm-4 text-center\"},[_c('b-img',{attrs:{\"src\":\"@/assets/images/users/avatar-6.jpg\",\"width\":\"120\",\"rounded\":\"circle\",\"alt\":\"image\"}}),_c('p',{staticClass:\"mb-0\"},[_c('code',[_vm._v(\"rounded=\\\"circle\\\"\")])])],1),_c('div',{staticClass:\"col-sm-4\"},[_c('b-img',{attrs:{\"thumbnail\":\"\",\"src\":\"@/assets/images/small/img-3.jpg\",\"width\":\"200\",\"alt\":\"image\"}}),_c('p',{staticClass:\"mb-0\"},[_c('code',[_vm._v(\"thumbnail\")])])],1)])]),_c('div',{staticClass:\"col-xl-6 mt-3 mt-xl-0\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Image sizes\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Add classes to an \"),_c('code',[_vm._v(\"<img>\")]),_vm._v(\" element to easily style images in any project. \")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-3\"},[_c('img',{staticClass:\"img-fluid avatar-xs rounded\",attrs:{\"src\":require(\"@/assets/images/users/avatar-2.jpg\"),\"alt\":\"image\"}}),_c('p',{staticClass:\"mb-0\"},[_c('code',[_vm._v(\".avatar-xs\")])]),_c('img',{staticClass:\"img-fluid avatar-sm rounded mt-2\",attrs:{\"src\":require(\"@/assets/images/users/avatar-2.jpg\"),\"alt\":\"image\"}}),_c('p',{staticClass:\"mb-0\"},[_c('code',[_vm._v(\".avatar-sm\")])])]),_c('div',{staticClass:\"col-sm-3\"},[_c('img',{staticClass:\"img-fluid avatar-md rounded\",attrs:{\"src\":require(\"@/assets/images/users/avatar-2.jpg\"),\"alt\":\"image\"}}),_c('p',{staticClass:\"mb-0\"},[_c('code',[_vm._v(\".avatar-md\")])])]),_c('div',{staticClass:\"col-sm-3\"},[_c('img',{staticClass:\"img-fluid avatar-lg rounded\",attrs:{\"src\":require(\"@/assets/images/users/avatar-2.jpg\"),\"alt\":\"image\"}}),_c('p',{staticClass:\"mb-0\"},[_c('code',[_vm._v(\".avatar-lg\")])])]),_c('div',{staticClass:\"col-sm-3\"},[_c('img',{staticClass:\"img-fluid avatar-xl rounded\",attrs:{\"src\":require(\"@/assets/images/users/avatar-2.jpg\"),\"alt\":\"image\"}}),_c('p',{staticClass:\"mb-0\"},[_c('code',[_vm._v(\".avatar-xl\")])])])])])])])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Default media object\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" The default media displays a media object (images, video, audio) to the left or right of a content block. \")]),_c('b-media',{staticClass:\"mb-3\",scopedSlots:_vm._u([{key:\"aside\",fn:function(){return [_c('b-img',{attrs:{\"rounded\":\"circle\",\"src\":\"@/assets/images/users/avatar-10.jpg\",\"alt\":\"Generic placeholder image\",\"height\":\"48\"}})]},proxy:true}])},[_c('h5',{staticClass:\"mt-0\"},[_vm._v(\"Media heading\")]),_vm._v(\" Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. \")]),_c('b-media',{staticClass:\"mb-3\",scopedSlots:_vm._u([{key:\"aside\",fn:function(){return [_c('b-img',{staticClass:\"d-flex\",attrs:{\"rounded\":\"circle\",\"src\":\"@/assets/images/users/avatar-2.jpg\",\"alt\":\"Generic placeholder image\",\"height\":\"48\"}})]},proxy:true}])},[_c('h5',{staticClass:\"mt-0\"},[_vm._v(\"Media heading\")]),_vm._v(\" Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. \"),_c('b-media',{staticClass:\"mt-3\",scopedSlots:_vm._u([{key:\"aside\",fn:function(){return [_c('b-img',{attrs:{\"src\":\"@/assets/images/users/avatar-3.jpg\",\"rounded\":\"circle\",\"alt\":\"Generic placeholder image\",\"height\":\"48\"}})]},proxy:true}])},[_c('h5',{staticClass:\"mt-0\"},[_vm._v(\"Media heading\")]),_vm._v(\" Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. \")])],1),_c('b-media',{attrs:{\"right-align\":\"\",\"vertical-align\":\"center\"},scopedSlots:_vm._u([{key:\"aside\",fn:function(){return [_c('b-img',{staticClass:\"d-flex ml-3\",attrs:{\"rounded\":\"circle\",\"src\":\"@/assets/images/users/avatar-4.jpg\",\"alt\":\"Generic placeholder image\",\"height\":\"48\"}})]},proxy:true}])},[_c('h5',{staticClass:\"mt-0 mb-1\"},[_vm._v(\"Media object\")]),_vm._v(\" Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. \")])],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Media alignment\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" The images or other media can be aligned top, middle, or bottom. The default is top aligned. \")]),_c('div',{staticClass:\"media mb-3\"},[_c('img',{staticClass:\"d-flex align-self-start rounded mr-3\",attrs:{\"src\":require(\"@/assets/images/users/avatar-5.jpg\"),\"alt\":\"Generic placeholder image\",\"height\":\"48\"}}),_c('div',{staticClass:\"media-body\"},[_c('h5',{staticClass:\"mt-0\"},[_vm._v(\"Top-aligned media\")]),_c('p',{staticClass:\"mb-1\"},[_vm._v(\" Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. \")]),_c('p',{staticClass:\"mb-0\"},[_vm._v(\" Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. \")])])]),_c('div',{staticClass:\"media mb-3\"},[_c('img',{staticClass:\"d-flex align-self-center rounded mr-3\",attrs:{\"src\":require(\"@/assets/images/users/avatar-6.jpg\"),\"alt\":\"Generic placeholder image\",\"height\":\"48\"}}),_c('div',{staticClass:\"media-body\"},[_c('h5',{staticClass:\"mt-0\"},[_vm._v(\"Center-aligned media\")]),_c('p',{staticClass:\"mb-1\"},[_vm._v(\" Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. \")]),_c('p',{staticClass:\"mb-0\"},[_vm._v(\" Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. \")])])]),_c('div',{staticClass:\"media\"},[_c('img',{staticClass:\"d-flex align-self-end rounded mr-3\",attrs:{\"src\":require(\"@/assets/images/users/avatar-7.jpg\"),\"alt\":\"Generic placeholder image\",\"height\":\"48\"}}),_c('div',{staticClass:\"media-body\"},[_c('h5',{staticClass:\"mt-0\"},[_vm._v(\"Bottom-aligned media\")]),_c('p',{staticClass:\"mb-1\"},[_vm._v(\" Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. \")]),_c('p',{staticClass:\"mb-0\"},[_vm._v(\" Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. \")])])])])])])])],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 * Images component\n */\nexport default {\n  page: {\n    title: \"Images\",\n    meta: [{ name: \"description\", content: appConfig.description }],\n  },\n  components: {\n    Layout,\n    PageHeader,\n  },\n  data() {\n    return {\n      title: \"Images\",\n      items: [\n        {\n          text: \"Minton\",\n          href: \"/\",\n        },\n        {\n          text: \"UI\",\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-sm-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <div class=\"row\">\n              <div class=\"col-xl-6\">\n                <h4 class=\"header-title\">Images shapes</h4>\n                <p class=\"sub-header\">\n                  Add classes to an <code>&lt;img&gt;</code> element to easily\n                  style images in any project.\n                </p>\n\n                <div class=\"row\">\n                  <div class=\"col-sm-4\">\n                    <b-img\n                      src=\"@/assets/images/small/img-1.jpg\"\n                      width=\"170\"\n                      rounded\n                      alt=\"image\"\n                    ></b-img>\n                    <p class=\"mb-0\">\n                      <code>rounded</code>\n                    </p>\n                  </div>\n\n                  <div class=\"col-sm-4 text-center\">\n                    <b-img\n                      src=\"@/assets/images/users/avatar-6.jpg\"\n                      width=\"120\"\n                      rounded=\"circle\"\n                      alt=\"image\"\n                    ></b-img>\n                    <p class=\"mb-0\">\n                      <code>rounded=\"circle\"</code>\n                    </p>\n                  </div>\n\n                  <div class=\"col-sm-4\">\n                    <b-img\n                      thumbnail\n                      src=\"@/assets/images/small/img-3.jpg\"\n                      width=\"200\"\n                      alt=\"image\"\n                    ></b-img>\n                    <p class=\"mb-0\">\n                      <code>thumbnail</code>\n                    </p>\n                  </div>\n                </div>\n              </div>\n              <!-- end col-->\n\n              <div class=\"col-xl-6 mt-3 mt-xl-0\">\n                <h4 class=\"header-title\">Image sizes</h4>\n                <p class=\"sub-header\">\n                  Add classes to an <code>&lt;img&gt;</code> element to easily\n                  style images in any project.\n                </p>\n\n                <div class=\"row\">\n                  <div class=\"col-sm-3\">\n                    <img\n                      src=\"@/assets/images/users/avatar-2.jpg\"\n                      alt=\"image\"\n                      class=\"img-fluid avatar-xs rounded\"\n                    />\n                    <p class=\"mb-0\">\n                      <code>.avatar-xs</code>\n                    </p>\n                    <img\n                      src=\"@/assets/images/users/avatar-2.jpg\"\n                      alt=\"image\"\n                      class=\"img-fluid avatar-sm rounded mt-2\"\n                    />\n                    <p class=\"mb-0\">\n                      <code>.avatar-sm</code>\n                    </p>\n                  </div>\n\n                  <div class=\"col-sm-3\">\n                    <img\n                      src=\"@/assets/images/users/avatar-2.jpg\"\n                      alt=\"image\"\n                      class=\"img-fluid avatar-md rounded\"\n                    />\n                    <p class=\"mb-0\">\n                      <code>.avatar-md</code>\n                    </p>\n                  </div>\n\n                  <div class=\"col-sm-3\">\n                    <img\n                      src=\"@/assets/images/users/avatar-2.jpg\"\n                      alt=\"image\"\n                      class=\"img-fluid avatar-lg rounded\"\n                    />\n                    <p class=\"mb-0\">\n                      <code>.avatar-lg</code>\n                    </p>\n                  </div>\n\n                  <div class=\"col-sm-3\">\n                    <img\n                      src=\"@/assets/images/users/avatar-2.jpg\"\n                      alt=\"image\"\n                      class=\"img-fluid avatar-xl rounded\"\n                    />\n                    <p class=\"mb-0\">\n                      <code>.avatar-xl</code>\n                    </p>\n                  </div>\n                </div>\n              </div>\n              <!-- end col -->\n            </div>\n            <!-- end row -->\n          </div>\n        </div>\n        <!-- end card -->\n      </div>\n      <!-- end col -->\n    </div>\n\n    <div class=\"row\">\n      <div class=\"col-sm-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Default media object</h4>\n            <p class=\"sub-header\">\n              The default media displays a media object (images, video, audio)\n              to the left or right of a content block.\n            </p>\n\n            <b-media class=\"mb-3\">\n              <template v-slot:aside>\n                <b-img\n                  rounded=\"circle\"\n                  src=\"@/assets/images/users/avatar-10.jpg\"\n                  alt=\"Generic placeholder image\"\n                  height=\"48\"\n                ></b-img>\n              </template>\n              <h5 class=\"mt-0\">Media heading</h5>\n              Cras sit amet nibh libero, in gravida nulla. Nulla vel metus\n              scelerisque ante sollicitudin. Cras purus odio, vestibulum in\n              vulputate at, tempus viverra turpis. Fusce condimentum nunc ac\n              nisi vulputate fringilla. Donec lacinia congue felis in faucibus.\n            </b-media>\n\n            <b-media class=\"mb-3\">\n              <template v-slot:aside>\n                <b-img\n                  class=\"d-flex\"\n                  rounded=\"circle\"\n                  src=\"@/assets/images/users/avatar-2.jpg\"\n                  alt=\"Generic placeholder image\"\n                  height=\"48\"\n                ></b-img>\n              </template>\n              <h5 class=\"mt-0\">Media heading</h5>\n              Cras sit amet nibh libero, in gravida nulla. Nulla vel metus\n              scelerisque ante sollicitudin. Cras purus odio, vestibulum in\n              vulputate at, tempus viverra turpis. Fusce condimentum nunc ac\n              nisi vulputate fringilla. Donec lacinia congue felis in faucibus.\n              <b-media class=\"mt-3\">\n                <template v-slot:aside>\n                  <b-img\n                    src=\"@/assets/images/users/avatar-3.jpg\"\n                    rounded=\"circle\"\n                    alt=\"Generic placeholder image\"\n                    height=\"48\"\n                  ></b-img>\n                </template>\n                <h5 class=\"mt-0\">Media heading</h5>\n                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus\n                scelerisque ante sollicitudin. Cras purus odio, vestibulum in\n                vulputate at, tempus viverra turpis. Fusce condimentum nunc ac\n                nisi vulputate fringilla. Donec lacinia congue felis in\n                faucibus.\n              </b-media>\n            </b-media>\n            <b-media right-align vertical-align=\"center\">\n              <template v-slot:aside>\n                <b-img\n                  class=\"d-flex ml-3\"\n                  rounded=\"circle\"\n                  src=\"@/assets/images/users/avatar-4.jpg\"\n                  alt=\"Generic placeholder image\"\n                  height=\"48\"\n                ></b-img>\n              </template>\n              <h5 class=\"mt-0 mb-1\">Media object</h5>\n              Cras sit amet nibh libero, in gravida nulla. Nulla vel metus\n              scelerisque ante sollicitudin. Cras purus odio, vestibulum in\n              vulputate at, tempus viverra turpis. Fusce condimentum nunc ac\n              nisi vulputate fringilla. Donec lacinia congue felis in faucibus.\n            </b-media>\n          </div>\n        </div>\n        <!-- end card -->\n      </div>\n      <!-- end col -->\n    </div>\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Media alignment</h4>\n            <p class=\"sub-header\">\n              The images or other media can be aligned top, middle, or bottom.\n              The default is top aligned.\n            </p>\n\n            <div class=\"media mb-3\">\n              <img\n                class=\"d-flex align-self-start rounded mr-3\"\n                src=\"@/assets/images/users/avatar-5.jpg\"\n                alt=\"Generic placeholder image\"\n                height=\"48\"\n              />\n              <div class=\"media-body\">\n                <h5 class=\"mt-0\">Top-aligned media</h5>\n                <p class=\"mb-1\">\n                  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus\n                  scelerisque ante sollicitudin. Cras purus odio, vestibulum in\n                  vulputate at, tempus viverra turpis. Fusce condimentum nunc ac\n                  nisi vulputate fringilla. Donec lacinia congue felis in\n                  faucibus.\n                </p>\n                <p class=\"mb-0\">\n                  Donec sed odio dui. Nullam quis risus eget urna mollis ornare\n                  vel eu leo. Cum sociis natoque penatibus et magnis dis\n                  parturient montes, nascetur ridiculus mus.\n                </p>\n              </div>\n            </div>\n\n            <div class=\"media mb-3\">\n              <img\n                class=\"d-flex align-self-center rounded mr-3\"\n                src=\"@/assets/images/users/avatar-6.jpg\"\n                alt=\"Generic placeholder image\"\n                height=\"48\"\n              />\n              <div class=\"media-body\">\n                <h5 class=\"mt-0\">Center-aligned media</h5>\n                <p class=\"mb-1\">\n                  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus\n                  scelerisque ante sollicitudin. Cras purus odio, vestibulum in\n                  vulputate at, tempus viverra turpis. Fusce condimentum nunc ac\n                  nisi vulputate fringilla. Donec lacinia congue felis in\n                  faucibus.\n                </p>\n                <p class=\"mb-0\">\n                  Donec sed odio dui. Nullam quis risus eget urna mollis ornare\n                  vel eu leo. Cum sociis natoque penatibus et magnis dis\n                  parturient montes, nascetur ridiculus mus.\n                </p>\n              </div>\n            </div>\n\n            <div class=\"media\">\n              <img\n                class=\"d-flex align-self-end rounded mr-3\"\n                src=\"@/assets/images/users/avatar-7.jpg\"\n                alt=\"Generic placeholder image\"\n                height=\"48\"\n              />\n              <div class=\"media-body\">\n                <h5 class=\"mt-0\">Bottom-aligned media</h5>\n                <p class=\"mb-1\">\n                  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus\n                  scelerisque ante sollicitudin. Cras purus odio, vestibulum in\n                  vulputate at, tempus viverra turpis. Fusce condimentum nunc ac\n                  nisi vulputate fringilla. Donec lacinia congue felis in\n                  faucibus.\n                </p>\n                <p class=\"mb-0\">\n                  Donec sed odio dui. Nullam quis risus eget urna mollis ornare\n                  vel eu leo. Cum sociis natoque penatibus et magnis dis\n                  parturient montes, nascetur ridiculus mus.\n                </p>\n              </div>\n            </div>\n          </div>\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!./images.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!./images.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./images.vue?vue&type=template&id=16b76df4\"\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-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":""}