{"version":3,"sources":["webpack:///./src/views/core/UiEmbedVideo.vue","webpack:///src/views/core/UiEmbedVideo.vue","webpack:///./src/views/core/UiEmbedVideo.vue?9c6b","webpack:///./src/views/core/UiEmbedVideo.vue?cc61"],"names":["render","_vm","this","_c","_self","attrs","scopedSlots","_u","key","fn","staticClass","_v","proxy","directives","name","rawName","modifiers","staticRenderFns","mounted","core","index","component"],"mappings":"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","file":"js/chunk-2d0d6377.340f7e24.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Embeds Video\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Wrap any embed like an \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"<iframe>\")]),_vm._v(\" in a parent element with \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\".embed-responsive\")]),_vm._v(\" and an aspect ratio. The \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\".embed-responsive-item\")]),_vm._v(\" isn’t strictly required, but we encourage it.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-1\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"embeds-video\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-embed\\n  type=\\\"iframe\\\"\\n  aspect=\\\"16by9\\\"\\n  src=\\\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\\\"\\n  allowfullscreen\\n></b-embed>\\n\")])])])])]),_c('b-embed',{attrs:{\"type\":\"iframe\",\"aspect\":\"16by9\",\"src\":\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\",\"allowfullscreen\":\"\"}})]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Responsive Aspect ratios 4:3\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-2\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"ratios-1\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-embed\\n  type=\\\"iframe\\\"\\n  aspect=\\\"4by3\\\"\\n  src=\\\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\\\"\\n  allowfullscreen\\n></b-embed>\\n\")])])])])]),_c('b-embed',{attrs:{\"type\":\"iframe\",\"aspect\":\"4by3\",\"src\":\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\",\"allowfullscreen\":\"\"}})]},proxy:true}])})],1),_c('b-col',{attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Responsive Aspect ratios 21:9\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-3\",modifiers:{\"collapse-3\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-3\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"ratios-2\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-embed\\n  type=\\\"iframe\\\"\\n  aspect=\\\"21by9\\\"\\n  src=\\\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\\\"\\n  allowfullscreen\\n></b-embed>\\n\")])])])])]),_c('b-embed',{attrs:{\"type\":\"iframe\",\"aspect\":\"21by9\",\"src\":\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\",\"allowfullscreen\":\"\"}})]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Responsive Aspect ratios 1:1\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-4\",modifiers:{\"collapse-4\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-4\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"ratios-3\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-embed\\n  type=\\\"iframe\\\"\\n  aspect=\\\"1by1\\\"\\n  src=\\\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\\\"\\n  allowfullscreen\\n></b-embed>\\n\")])])])])]),_c('b-embed',{attrs:{\"type\":\"iframe\",\"aspect\":\"1by1\",\"src\":\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\",\"allowfullscreen\":\"\"}})]},proxy:true}])})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-container fluid>\n    <b-row>\n      <b-col lg=\"6\" sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Embeds Video</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-1 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Wrap any embed like an <code class=\"highlighter-rouge\">&lt;iframe&gt;</code> in a parent element with <code class=\"highlighter-rouge\">.embed-responsive</code> and an aspect ratio. The <code class=\"highlighter-rouge\">.embed-responsive-item</code> isn’t strictly required, but we encourage it.</p>\n            <b-collapse id=\"collapse-1\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"embeds-video\">\n                    <code>\n&lt;b-embed\n  type=\"iframe\"\n  aspect=\"16by9\"\n  src=\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\"\n  allowfullscreen\n&gt;&lt;/b-embed&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-embed\n              type=\"iframe\"\n              aspect=\"16by9\"\n              src=\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\"\n              allowfullscreen\n            ></b-embed>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Responsive Aspect ratios 4:3</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-2 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.</p>\n            <b-collapse id=\"collapse-2\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"ratios-1\">\n                    <code>\n&lt;b-embed\n  type=\"iframe\"\n  aspect=\"4by3\"\n  src=\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\"\n  allowfullscreen\n&gt;&lt;/b-embed&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-embed\n              type=\"iframe\"\n              aspect=\"4by3\"\n              src=\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\"\n              allowfullscreen\n            ></b-embed>\n          </template>\n        </iq-card>\n      </b-col>\n      <b-col lg=\"6\" sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Responsive Aspect ratios 21:9</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-3 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.</p>\n            <b-collapse id=\"collapse-3\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"ratios-2\">\n                    <code>\n&lt;b-embed\n  type=\"iframe\"\n  aspect=\"21by9\"\n  src=\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\"\n  allowfullscreen\n&gt;&lt;/b-embed&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-embed\n              type=\"iframe\"\n              aspect=\"21by9\"\n              src=\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\"\n              allowfullscreen\n            ></b-embed>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Responsive Aspect ratios 1:1</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-4 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.</p>\n            <b-collapse id=\"collapse-4\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"ratios-3\">\n                    <code>\n&lt;b-embed\n  type=\"iframe\"\n  aspect=\"1by1\"\n  src=\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\"\n  allowfullscreen\n&gt;&lt;/b-embed&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-embed\n              type=\"iframe\"\n              aspect=\"1by1\"\n              src=\"https://www.youtube.com/embed/zpOULjyy-n8?rel=0\"\n              allowfullscreen\n            ></b-embed>\n          </template>\n        </iq-card>\n      </b-col>\n    </b-row>\n  </b-container>\n</template>\n<script>\nimport { core } from '../../config/pluginInit'\n\nexport default {\n  name: 'UiEmbedVideo',\n  mounted () {\n    core.index()\n  }\n}\n</script>\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!./UiEmbedVideo.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!./UiEmbedVideo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UiEmbedVideo.vue?vue&type=template&id=0e390628&\"\nimport script from \"./UiEmbedVideo.vue?vue&type=script&lang=js&\"\nexport * from \"./UiEmbedVideo.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":""}