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