{"version":3,"sources":["webpack:///./src/components/page-header.vue?5205","webpack:///src/components/page-header.vue","webpack:///./src/components/page-header.vue?5067","webpack:///./src/components/page-header.vue","webpack:///./src/views/pages/ui/video.vue?6e82","webpack:///src/views/pages/ui/video.vue","webpack:///./src/views/pages/ui/video.vue?fe91","webpack:///./src/views/pages/ui/video.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","title","attrs","items","staticRenderFns","components","props","type","String","default","Array","component","page","meta","data"],"mappings":"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","file":"js/chunk-4db8e49a.bff5e1c6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"page-title-box d-flex align-items-center justify-content-between\"},[_c('h4',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"page-title-right\"},[_c('b-breadcrumb',{staticClass:\"m-0\",attrs:{\"items\":_vm.items}})],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\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}\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <div class=\"page-title-box d-flex align-items-center justify-content-between\">\n        <h4 class=\"mb-0\">{{ title }}</h4>\n\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=1adc201e&\"\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 () {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(\"Responsive embed video 16:9\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\"Aspect ratios can be customized with modifier classes.\")]),_c('div',{staticClass:\"embed-responsive embed-responsive-16by9\"},[_c('iframe',{staticClass:\"embed-responsive-item\",attrs:{\"src\":\"https://www.youtube.com/embed/1y_kfWUCFDQ\"}})])])])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Responsive embed video 21:9\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\"Aspect ratios can be customized with modifier classes.\")]),_c('div',{staticClass:\"embed-responsive embed-responsive-21by9\"},[_c('iframe',{staticClass:\"embed-responsive-item\",attrs:{\"src\":\"https://www.youtube.com/embed/1y_kfWUCFDQ\"}})])])])])]),_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(\"Responsive embed video 4:3\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\"Aspect ratios can be customized with modifier classes.\")]),_c('div',{staticClass:\"embed-responsive embed-responsive-4by3\"},[_c('iframe',{staticClass:\"embed-responsive-item\",attrs:{\"src\":\"https://www.youtube.com/embed/1y_kfWUCFDQ\"}})])])])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Responsive embed video 1:1\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\"Aspect ratios can be customized with modifier classes.\")]),_c('div',{staticClass:\"embed-responsive embed-responsive-1by1\"},[_c('iframe',{staticClass:\"embed-responsive-item\",attrs:{\"src\":\"https://www.youtube.com/embed/1y_kfWUCFDQ\"}})])])])])])],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 * Video component\n */\nexport default {\n  page: {\n    title: \"Video\",\n    meta: [{ name: \"description\", content: appConfig.description }]\n  },\n  components: { Layout, PageHeader },\n  data() {\n    return {\n      title: \"Video\",\n      items: [\n        {\n          text: \"UI Elements\",\n          href: \"/\"\n        },\n        {\n          text: \"Video\",\n          active: true\n        }\n      ]\n    };\n  }\n};\n</script>\n\n<template>\n  <Layout>\n    <PageHeader :title=\"title\" :items=\"items\" />\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\">Responsive embed video 16:9</h4>\n            <p class=\"card-title-desc\">Aspect ratios can be customized with modifier classes.</p>\n\n            <!-- 16:9 aspect ratio -->\n            <div class=\"embed-responsive embed-responsive-16by9\">\n              <iframe class=\"embed-responsive-item\" src=\"https://www.youtube.com/embed/1y_kfWUCFDQ\"></iframe>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- end col -->\n\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Responsive embed video 21:9</h4>\n            <p class=\"card-title-desc\">Aspect ratios can be customized with modifier classes.</p>\n\n            <!-- 21:9 aspect ratio -->\n            <div class=\"embed-responsive embed-responsive-21by9\">\n              <iframe class=\"embed-responsive-item\" src=\"https://www.youtube.com/embed/1y_kfWUCFDQ\"></iframe>\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\">Responsive embed video 4:3</h4>\n            <p class=\"card-title-desc\">Aspect ratios can be customized with modifier classes.</p>\n\n            <!-- 4:3 aspect ratio -->\n            <div class=\"embed-responsive embed-responsive-4by3\">\n              <iframe class=\"embed-responsive-item\" src=\"https://www.youtube.com/embed/1y_kfWUCFDQ\"></iframe>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- end col -->\n\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Responsive embed video 1:1</h4>\n            <p class=\"card-title-desc\">Aspect ratios can be customized with modifier classes.</p>\n\n            <!-- 1:1 aspect ratio -->\n            <div class=\"embed-responsive embed-responsive-1by1\">\n              <iframe class=\"embed-responsive-item\" src=\"https://www.youtube.com/embed/1y_kfWUCFDQ\"></iframe>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- end col -->\n    </div>\n    <!-- end row -->\n  </Layout>\n</template>","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!./video.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!./video.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./video.vue?vue&type=template&id=7fd8e324&\"\nimport script from \"./video.vue?vue&type=script&lang=js&\"\nexport * from \"./video.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":""}