{"version":3,"sources":["webpack:///./src/components/page-header.vue?b923","webpack:///src/components/page-header.vue","webpack:///./src/components/page-header.vue?c45c","webpack:///./src/components/page-header.vue","webpack:///./src/views/pages/ui/video.vue?0397","webpack:///src/views/pages/ui/video.vue","webpack:///./src/views/pages/ui/video.vue?017c","webpack:///./src/views/pages/ui/video.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","newitems","staticRenderFns","components","props","title","type","String","default","items","Array","computed","$store","state","layout","component","_v","page","meta","data"],"mappings":"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","file":"js/chunk-4db8e49a.c727cf9d.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('div',{staticClass:\"page-title-right\"},[_c('b-breadcrumb',{staticClass:\"m-0\",attrs:{\"items\":_vm.newitems}})],1)])])])}\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  computed: {\r\n    newitems() {\r\n      return this.$store.state.layout.items;\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        <div class=\"page-title-right\">\r\n          <b-breadcrumb :items=\"newitems\" 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=679eb790&\"\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>\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":""}